Bookmark this page and the official documentation for reference.
Setup: Visual Studio Code
The purpose of this setup activity is to install Visual Studio Code (VS Code) which is a free, open source, code editor that supports customized code writing, editing, and code management on all major platforms. VS Code is lightweight, powerful, and flexible.
Organizations and individual programmers decide on which code editors to use. This course uses VS Code as the primary code editor because it is free, open source, and popular in the industry having a large community of developers and extensions.
Instructions
- Install the VS Code editor if you do not already have it installed: Visual Studio Code.
- If you already have VS Code installed, check for updates.
To check for updates in VS Code, use the menu
Help►Check for Updates... - Add the Live Server extension in VS Code in order to support local, offline testing of your work in your browser.
- Customize your VS Code installation:
- Turn on format code on save.
- Turn on auto save code using the After Delay option.
- Select an editor theme.
- Turn on auto updating tags
- Note the following: Formatting code, such as using proper indentation, is important for human readability during development. Use the built-in formatter.
- Review and activate the Accessibility features as needed.
During the course, it is recommended that you learn to use User Snippets and Emmet Shorthand coding to improve your development workflow. Right now you may just want to become familiar with the concepts or ask about them in the course channel or ask an AI service for help.
Getting Help
If you were not able to complete any of these steps, then you are not ready to start the course.
Please reach out for help in
Microsoft Teams.