Visual editing Screen to see how Code looks


I just downloaded Atom so its new, but is there a way I can see what my code looks like as I am typing it out? I plan on making websites with Atom, but I was just curious if there was a package for this sort of thing.


Yes, there are many “live reload” packages available. You can also use browser-plus and enable live reloading. You can also use Browsersync, which is a cross-platform and editor-independent solution for this.


Thank you so much! Now what about getting the code to show in the live preview. I see two screens, one with my html code and then the other is the live preview with just a blank screen. Could you help me with that as well?