Minimap is also a pretty useful package which shows your Whenever you save the file, the result gets displayed on the browser live. It will start a local server and run your project on it. Install the package, go to the Packages menu and in atom-live-server click on Atom-Live-ServerĪtom-live-server is an amazing package which displays theĬhanges you make in your Atom text editor right on the browser live. Set it up to beautify the document every time you save the file. Install it, it aligns the whole document with just a shortcut key. In those cases all you need is Atom-Beautify. Work on someone else’s design and it may not be aligned correctly. This can create confusions most of the times. There is a huge probability that some of the tags may not be aligned properly. When there are hundreds of lines of code in your file, Atom-BeautifyĪtom-Beautify is an important package if you are working onĪ pretty big project. You can download the package for the Atom code editor here. Out this video to learn more about Emmet. I cannot explain every shortcut in this article. YouĬan technically create the HTML structure of your whole webpage in a single Now, this was just a simple shortcut used most commonly. my-division and hit the Tab key on your keyboard.

So, for instance, you want to create a division with aĬlass name of “my-division”, all you have to do in Emmet is just type This package has a list of shortcuts toĭifferent tags in HTML. So, let me list out some of the awesome packages that I useĮmmet is one of my favorites when it comes to designing theīasic HTML structure of a webpage.

One of the main pros about Atom is that it has a huge ecosystem of packages (like extension or plugins in other text editors). I have been using Atom for web development for quite a while now and I am really impressed with the customizations and features that I get in it. It is said to be a hackable text editor meaning you can customize almost anything in it for your specific needs. Atom is an open-source code editor for web development.

Best c editor atom package