VS Code 1.109 安装及 AI 助手配置教程

（5）检查信息无误后，点击'安装'。

（6）点击'完成'，运行 VS Code。

3 基础设置

3.1 自定义扩展插件安装路径

VS Code 扩展插件默认安装位置（Windows）如下所示： C:\Users<你的用户名>.vscode\extensions 如果需要自定义 VS Code 扩展插件安装路径，可以通过新建环境变量'VSCODE_EXTENSIONS'实现，并重启系统生效。

3.2 设置'简体中文'语言展示

在 EXTENSIONS 市场搜索'Chinese (Simplified) Language Pack'。

3.3 设置主题颜色

点击左下角的'设置图标' -> '主题' -> '颜色主题'，然后可以根据自己的喜好，选择喜欢的主题颜色。

3.4 详细配置设置

点击左下角的'设置图标' -> '设置'，然后可以修改字体、背景样式、工作台、窗口等详细配置。

4 插件安装

4.1 前端常用插件

（1）HTML CSS Support：编写样式表的时候，支持自动补全。

（2）JavaScript (ES6) code snippets：支持 ES6 语法提示。

（3）Mithril Emmet：前端开发，用于补全代码。

（4）Path Intellisense：支持路径提示。

（5）Vue (Official)：用于提升 Vue 项目（尤其是 Vue 3）的开发体验。

（6）Vue 3 Snippets：支持 Vue 2 或 Vue 3 开发提供代码片段，语法高亮和格式化。

（7）open in browser：用于快速在浏览器中预览当前编辑的 HTML 文件。

此外，可根据使用习惯，安装 Auto Close Tag、Auto Rename Tag、Live Server、File Utils、IntelliJ IDEA Keybindings 等插件。

4.2 Python 常用插件

（1）Python：提供语法高亮、智能补全、代码导航、调试支持、单元测试集成和 Jupyter Notebook 支持，包含扩展包插件（Pylance、Python Debugger、Python Environments）。

（2）Python Docstring Generator：自动生成符合 Google、NumPy 或 Sphinx 风格的 docstring。

（3）autopep8：根据 PEP 8 规范自动格式化代码。

（4）Black Formatter：集成 Black 代码格式化工具。

（5）isort：自动整理 import 语句顺序，按标准库、第三方库、本地模块分组，并按字母排序。

（6）Jupyter：在 VS Code 中直接运行和编辑.ipynb 文件，支持交互式代码块、图表显示和变量查看，数据科学和机器学习开发者必备，还能将 py 文件转为 Notebook 执行。

（7）GitLens：增强 Git 功能，可在代码行旁显示作者、提交时间和变更记录。

4.3 AI 助手插件

（1）Claude Code for VS Code：为 Claude Code 提供了原生的图形化交互界面，能够直接在 IDE 内完成代码理解、修改、规划和审查，是目前在 VS Code 中使用 Claude Code 的推荐方式。

（2）TRAE AI：字节跳动旗下的 AI 编程助手，提供以智能代码补全为代表的核心能力，支持主流编程语言及 IDE，能在编码过程中提供单行或整个函数的建议，同时支持在用户编码过程中提供代码解释、单测生成、问题修复、技术问答等辅助功能，提升编码效率与质量。

（3）Lingma：通义灵码是由阿里云提供的智能编码辅助工具，提供代码智能生成、智能问答、多文件修改、编程智能体等能力，为开发者带来高效、流畅的编码体验。