6. Visual Studio Code
本章共 3 篇详细教程(含 .msi / .exe 一键安装步骤),建议按顺序完成。安装包见「开发工具」各项目页网盘。
1. VS Code 安装(官网下载,.exe 一键安装)
VS Code 轻量,适合前端、Python、改配置文件。安装包不含 VS Code,请到官网自行下载:
https://code.visualstudio.com/Download
选择 Windows 的 User Installer .exe 或 System 版均可。
- 双击安装程序 → 接受协议 → Next。
- 安装路径可默认,或
D:\Dev\Microsoft VS Code。 - 附加任务页面建议勾选:
- 添加到 PATH
- 通过 Code 打开文件 / 目录的右键菜单
- 注册为支持的文件类型编辑器(可选)
- Install → Finish,勾选启动 VS Code。
提示:装好后可在任意文件夹空白处右键「通过 Code 打开」,非常方便。
2. 必装扩展与中文界面
- 左侧点扩展图标(或
Ctrl+Shift+X)。 - 搜索并安装:
- Chinese (Simplified):中文语言包,装完按提示重启切换中文。
- Python:写 Python 必备。
- Vue - Official(Volar):Vue3 必备(不要和旧 Vetur 同时开)。
- ESLint、Prettier:代码规范与格式化(按项目需要)。
- Open in Browser 等可按喜好选装。
3. 用 VS Code 打开项目并运行终端命令
- 文件 → 打开文件夹 → 选前端或 Python 项目根目录。
- 菜单 终端 → 新建终端(默认在项目根目录)。
- 前端:
npm install→npm run dev。 - Python:先选解释器(右下角或命令面板「Python: Select Interpreter」选 venv),再运行当前文件。
注意:打开错层级(少开一层或多开一层)会导致找不到 package.json / 配置文件。