Vscode Explore The User Interface
# VSCode Create New File
The Activity Bar is used to switch between different view modules, such as Explorer, Search, Source Control, Run and Debug, etc.
Hover over the icons in the Activity Bar to see the name of each view and its corresponding shortcut key hint.
!(#)
**Tip:** Clicking the view icon again, or pressing the shortcut key, can open or close the view.
When you select a view from the Activity Bar, the main sidebar opens and displays detailed information for that view.
After selecting the "Run and Debug" view, the main sidebar will display options for configuring debug sessions:
!(#)
### View and Edit Files Using the Editor
Select the "Explorer" view in the Activity Bar.
Click the "New File..." button to create a new file in the workspace.
!(#)
Enter the filename as index.html, then press Enter to confirm.
!(#)
The new file will be automatically added to the workspace and opened in the main editing area of the window.
Start typing HTML code in the index.html file. As you type, code suggestions (IntelliSense) will automatically pop up.
* Use the **β** and **β** keys to browse suggestions.
* Press the **Tab** key to insert the selected suggestion.
We add more files to the workspace, and each file will open in a new editor tab.
VS Code supports arranging multiple editor windows vertically or horizontally to view multiple files simultaneously.
!(#)
AI is thinking...
[](#)(#)
(#)[](#)
[ByteArk Coding Plan supports mainstream large models such as Doubao, GLM, DeepSeek, Kimi, MiniMax, with official direct supply for stability and reliability. Configuration Guide Β₯9.9/month Activate Now](https://maas.xfyun.cn/modelSquare?ch=maas_lm_l2E)
### Share Notes by Clicking Here
YouTip