Install Atom Packages

(Atom has started prompting Mac users to install XCode Tools. Just Say No.)

Atom Setup

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.

 

---

A. How to Install a Package

1. Start Atom, and open the Settings View:

MacOS: Atom ➔ Preferences
Windows: File ➔ Settings

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

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

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

---

B. Install Six Packages

Search for each of these packages by the exact name shown here, and install them.

1. linter. Select the “Base Linter with Cow Powers” from steelbrain.
   

   ---

   Base-linter Settings

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

   1. Open the Settings View, choose Packages, and filter by the package name prettier-atom.
      
   2. Click the Settings button, and uncheck “Lint as you type”.
      

      ---

2. linter-htmlhint (by AtomLinter). Lints your HTML code.
   

   ---

3. open-recent. Adds an open-recent option to the File menu.
   

   ---

4. prettier-atom. Beautifies HTML, CSS, JavaScript, and more.
   

   After installing the package:

   1) Open the Settings View, choose Packages, and filter by the package name prettier-atom.
   2) Click the Settings button, scroll down to and check Format on Save.

   ---

5. open-in-browser. Lets you preview your .html file in the browser.
   

   ---

6. emmet. An essential package for web-developers.
   

   • Emmet Demo Video. Watch the first 30 seconds, and be convinced.
   • Emmet Cheat Sheet. If you completed Homework 1, you already bookmarked this.

    

7. 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.

---

FYI: The Atom Package Manager Command-Line Tool

Using your computer’s command line app, the Atom package manager can be used to install all packages at once. Ask your GE to explain how this works.

1. Start Atom. On the Atom menu, select Install Shell Commands.
2. Run this command in the Terminal app (Mac) or Command Prompt (Windows):
   

   apm install prettier-atom open-in-browser emmet open-recent linter linter-htmlhint

---

FYI: Atom Tips

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

Example: change the default theme.

Open the Settings View, click on the Themes tab, and choose the theme you want.

How to find and install new themes for Atom.

---