VSCode for Web Development

This document contains tips and tricks for web development in VS Code. While VS Code is a reasonable choice, other popular choices include Pycharm, Vim, or Emacs.

The EECS 280 VSCode Tutorial or Emacs Tutorial are good starting points for new users.

VSCode extensions

The EECS 485 staff recommends taking a look at these VSCode extensions. None are required, but you might find some of them useful.

VSCode settings

These are a few VSCode settings you might like. To edit your VSCode settings, press Cmd+Shift+P (Ctrl+Shift+P on Windows) to open the Command Pallette and enter Preferences: Open Settings (JSON).

VSCode keyboard shortcuts

Check out some VSCode keyboard shortcuts Note that option is equivalent to Windows Alt, Cmd is equivalent to Windows Ctrl.


Original document written by the EECS 485 staff, fall 2020.

This document is licensed under a Creative Commons Attribution-NonCommercial 4.0 License. You’re free to copy and share this document, but not to sell it. You may not share source code provided with this document.