Array
University of Oregon
Browse: Home / Install Atom Packages

Install Atom Packages

Mac Users: Atom has started prompting Mac users to install XCode Tools. Just Say No.

Atom Set Up

When you launch Atom for the first time

  • If you are prompted to install XCode Tools, Just Say NO.
  • Uncheck Show Welcome window
  • Check No, I don’t want to help.

To change the default theme

— Open the Settings tab:  Atom > Preferences, click on the Themes tab, and choose the theme you want.

— You can also find and install new themes for Atom from the Settings View.

A) How to Install a Package

Launch Atom, and open the Settings tab:

MacOS: Atom ➔ Preferences
Windows: File ➔ Settings

— Click on the Install tab and type the name of the package into the search box under Install Packages.

— Select your package from the search results, and click Install.

— When small, blue pop-up boxes appear (Install Dependencies?), answer Yes to all.

B) Install These Eight Packages

Search for each of these packages and install them. Use the exact spelling shown here:

  1. base-linter (“A Base Linter with Cow Powers” from steelbrain).

    Base-linter Settings

    By default, base-linter lints your code as you type, which is highly distracting. Set it to Lint on save instead:

    1. Open the Settings tab and choose Packages  (Atom > Preferences > Packages), and search for linter.
    2. Click the Settings button, and uncheck “Lint as you type”.
  2. linter-htmlhint (by AtomLinter). Lints your HTML code.
  3. linter-jshint (by AtomLinter). Lints your JavaScript code.
  4. open-recent. Adds this option to the File menu in Atom.
  5. atom-beautify (by Glavin001). Lints your HTML code.
  6. prettier-atom. Beautifies HTML, CSS, JavaScript, and more.

    After the package installs, enable Format on Save.

    Click the Settings button, scroll down to and check Format on Save.

  7. open-in-browser (not open-in-browsers). “Simple Package to open file in default application”.
  8. emmet. An essential package for web-developers.

     

  9. Important:  After installing all the above packages, exit and restart Atom.– If you are prompted, Install Dependencies? Answer Yes to all.– Then exit and restart Atom one last time, for insurance.

Really Useful Atom Tips

Read Atom Basics to learn how to change Themes, configure Soft Wrap, and other useful tips.

Optional: The Command-Line Atom Package Manager

The Atom package manager can be used to install all packages at once: Run this command in the Terminal (Mac) or Command Prompt (Windows):

apm install prettier-atom open-in-browser emmet open-recent atom-beautify
base-linter linter-htmlhint linter-jshint
Skip to toolbar