Atom Packages

Recommended

1. atom-ternjs

Adds code intelligence to Atom.

https://atom.io/packages/atom-ternjs

2. autoclose-html-plus

Will help you automatically close HTML tags.

https://atom.io/packages/autoclose-html-plus

3. emmet

Adds code expansion to Atom.

https://atom.io/packages/emmet

4. csslint

Adds CSS error checking abilities to Atom.

https://atom.io/packages/csslint

5. pigments

Adds the ability to display colour in Atom code files.

https://atom.io/packages/pigments

6. language-ejs

Adds EJS language support to Atom.

https://atom.io/packages/language-ejs

7. atom-beautify

Helps to automatically format your code in Atom.

https://atom.io/packages/atom-beautify

Optional Packages

8. atom-html-preview
9. Sublime-Style-Column-Selection
10. linter-eslint

Troubleshooting Package Installation

If you have issues installing any of the packages, I’ve listed a few steps you can try to get it to work.

1. Make sure you have the most up to date version of Atom.

You can update Atom by going to

Windows:

File → Check for Update

Mac:

Atom → Check For Update

2. Make sure you are not using VPN or using a Proxy

Some of the packages will not be able to install when they can’t verify your identity and your signing certificate. Make sure you switch off your VPN while you try to install the packages.

3. Try disabling your firewall and anti-virus during the package install.

Some antivirus and firewalls have rules in place that don’t let applications connect to the internet. Try disabling them while you install the packages and then re-enabling them later.

4. Issues with installing Atom Beautify

Try quitting Atom then restarting it again.

Try uninstalling the package and re-installing it again.

If you are on Windows 10, this might help: https://superuser.com/questions/1395637/installing-atom-beautify-on-windows-10

Atom Themes

If you want your code to be highlighted in the same colours as mine, be sure to have your Atom theme set as “One Dark”.