# Resource Links

# Software / Tools

We will walk through the setup of installing and using each of these in class. However, you can get a head-start by reviewing the related documentation links below.

# VS Code from the command line

You can also run VS Code from the terminal by typing code after adding it to the path:

Launch VS Code.
Open the Command Palette (⇧⌘P) and type 'shell command' to find the Shell Command: Install 'code' command in PATH command.

Restart the terminal for the new $PATH value to take effect.

You will now be able to type code . in the terminal from any folder to start editing files in that folder.

# VS Code Extensions

VS Code is easily extensible and there is an active community contributing plugin extensions. Below I have listed some of the ones I use most. You can look them up and install the ones you want by going to the [View]/[Extensions] menu or use the short-cut keys shift + cmd + x and then type the name of the extension you are looking for in the search box.

DotEnv - support for the dotenv file syntax

EditorConfig - overrides workspace settings using values from .editorconfig file

ESLint - integrates ESLint JavaScript validation

Fix JSON - corrects JSON file syntax

Git History - visualize git log

Import Cost - display the package size for import/require statements

IntelliSense for CSS classes

Lorem ipsum - generates and inserts lorem ipsum text

Material Theme - my current default theme

Night Owl - another great theme that I use

open in browser - open the current file in your default browser

Polacode - create clean code snippet images

Prettier-Standard - uses the ESLint Stanadard JavaScript code formatting rules

# Code Font

I use the Fira Code (opens new window): monospaced font with programming ligatures. Look for the download link in the README file. Also, see these instructions for setting up Fira Code in VS Code (opens new window).

# Cheat sheets

Rico's cheatsheets (opens new window)