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