Configure VS Code for the first time
The steps are to set the theme, save, auto format, terminal, and open the first folder. We will explain in detail the starting position, setting values, completion confirmation, and how to review in case of problems.
Published · Updated · FaultNote editorial policy
Who this guide is for and what to prepare
- First-time users of Visual Studio Code
- People who want to safely confirm the operations for configuring the initial settings of VS Code
What you need
- Create a web-practice folder in Documents and install VS Code from the official website.
Check preparation and starting position
Create a web-practice folder in Documents and install VS Code from the official website.
Open and configure features
- Select [File] > [Open Folder] and select web-practice. Create index.html with [New File] in Explorer, enter html:5, confirm the candidate, and create Save with Ctrl+S.
- Open settings with Ctrl+,. User is common to all projects, and Workspace is applied only to this folder, so on the Workspace side, turn on Auto Save afterDelay, Auto Save Delay to 1000, and Format On Save.
Complete and check results
- Break the indentation of index.html to press Shift+Alt+F. Open [Terminal] > [New Terminal] and confirm that your current location is web-practice.
Fix the problem and exit safely
Do not easily allow Workspace Trust on folders obtained from external sources. Workspace settings may be shared as .vscode/settings.json.
- If the HTML is not formatted, right-click [Format Document] > [Configure Default Formatter] and select HTML Language Features.
Limitations and requirements
- Do not easily allow Workspace Trust on folders obtained from external sources. Workspace settings may be shared as .vscode/settings.json.
Frequently asked questions
What if you can't find the item you want in Visual Studio Code?
If the HTML is not formatted, right-click [Format Document] > [Configure Default Formatter] and select HTML Language Features.
What should I be especially careful about when configuring the initial settings of VS Code?
Do not easily allow Workspace Trust on folders obtained from external sources. Workspace settings may be shared as .vscode/settings.json.
Official sources and verification date
Sources checked: . Check the official sources below for changes to supported systems, plans and menus.