Skip to main content
Version: 2026fa

Install an Editor

We recommend using VSCode, which is free for students. Install it from the website.

Note: Course staff, instructors, and TAs will be using VSCode, so if you are using any other editors (such as WebStorm), you may need to do some extra work to get help from us.

To install extensions in VS Code, navigate to the left-hand sidebar, and click the building blocks icon near the bottom. This should take you to the Extensions marketplace.

ESLint

Installing ESLint in VSCode will give you real-time linter feedback in any JavaScript code you write, allowing you to quickly pinpoint many problems and have readable, proper formatting. You can install ESLint by searching it up in the VSCode Extensions Marketplace (located on the toolbar on the left). Then, run the following command:

npm install -g eslint

Once installed, add these lines to your VSCode Settings (refer to this link if you need help getting there or alternatively open the command palette in VSCode with CMD/CTRL + SHIFT + P and search settings.json):

  // Other settings ...
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },

Prettier

Prettier is a code formatter that will automatically format your code to be consistent with the rest of the class.

Install it the same way you did ESLint, then turn on "Format on Save" in your VSCode settings. It should be working after that!