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), a free and, open source, code editor that supports customized code writing, editing, and 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, popular in the industry, and has 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/Five 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 this course, it is recommended that you learn to use User Snippets and Emmet shorthand coding to improve your development workflow. For now, focus on becoming familiar with these concepts or asking for addition clarification.
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.