VsCode 2026 (version 1.109) 安装及AI使用配置教程

VsCode 2026 (version 1.109) 安装及AI使用配置教程

文章目录

1 VsCode 是什么✨

Visual Studio Code(简称 VS Code)是一款由微软开发的免费、开源的现代化代码编辑器。它支持 Windows、macOS 和 Linux 操作系统,以轻量启动快速著称,同时通过丰富的插件生态提供了接近完整 IDE 的强大功能。
最新版本(2026年1月)在 AI 辅助与多智能体协作方面带来诸多增强,让开发与自动化更加智能、流畅。

在这里插入图片描述

2 安装步骤

2.1 安装包下载

VS Code 2026年1月 (version 1.109) 版本下载地址如下所示:
方式一:VsCode网盘分享链接

在这里插入图片描述


方式二:VsCode官网下载地址

在这里插入图片描述

2.2 详细安装设置(Windows)

在这里插入图片描述


(1)双击安装包,选择“我同意此协议”,再点击“下一步”。

在这里插入图片描述


(2)自定义安装路径,点击“下一步”。

在这里插入图片描述


(3)继续点击“下一步”。

在这里插入图片描述


(4)勾选“创建桌面快捷方式”,如果不想使用VS Code作为代码默认打开方式,可以取消“将code注册为受支持的文件类型的编辑器”,继续点击“下一步”。

在这里插入图片描述


(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:通义灵码是由阿里云提供的智能编码辅助工具,提供 代码智能生成、智能问答、多文件修改、编程智能体 等能力,为开发者带来高效、流畅的编码体验。

在这里插入图片描述

Read more

OpenClaw大龙虾机器人完整安装教程

OpenClaw(大龙虾机器人)是一款本地部署的全能AI助手,可通过WhatsApp、Telegram、飞书等聊天软件实现邮件处理、日历管理、系统操作等功能,数据本地存储更隐私。本教程适配macOS/Linux/Windows系统,包含基础安装、初始化配置、聊天软件对接及常见问题解决,新手也能快速上手。 一、安装前准备 1. 系统与硬件要求 配置项最低要求推荐配置操作系统macOS 12+/Ubuntu 20.04+/Windows 10(需WSL2)macOS 14+/Ubuntu 22.04+/Windows 11内存4GB8GB+磁盘空间2GB可用10GB+ SSD核心依赖Node.js 18.0+Node.js v22 LTS最新版 2. 必备前置资源 * AI模型API Key:Claude、GPT-4/

XIlinx FPGA使用LVDS的电源与电平关键指南

XIlinx FPGA使用LVDS的电源与电平关键指南

针对 7 Series, UltraScale, UltraScale+ FPGAs 以及 MPSoC 器件使用 LVDS 的注意事项: 1. 适用范围 * 器件系列:7 Series, UltraScale, UltraScale+, Zynq UltraScale+ MPSoC。 * 涉及 IO 类型:High Performance (HP) Banks, High Range (HR) Banks, High Density (HD) Banks。 2. 电源电压 (VCCO) 与 输入/输出 的限制 这是该指南的核心内容,根据 Bank 类型和是用作输入还是输出,规则有所不同: A. LVDS

美团前端要转全栈?后端可能要失眠了,别笑话前端了,你们的饭碗也要被抢了

说个真实的事。 我现在的公司,没有产品经理,没有UI设计师,没有前端工程师。 只有全栈。 每个人配一套AI工具链,一个人干完以前整个小组的活。 一人顶十人,不是夸张,是正在发生的现实。 你可能觉得这是个例。 不是。 美团履约团队已经开始要求前端转全栈了。 注意,不是转Node,是转Java。 老员工必须转,新员工只招全栈。 菜鸟国际更狠,直接让后端去写前端和测试。 大厂是风向标。 美团、阿里动了,中小公司马上就会跟进。 为什么会这样? 因为AI把“沟通成本”这个遮羞布扯掉了。 以前前后端分离,看起来是技术架构的进步。 实际上呢? 接口扯皮能扯一天,联调能调一周,一个需求三个人传话,信息损耗巨大。 老板们以前忍了,因为没办法。 现在AI来了,代码生成效率提升了10倍不止。 老板们突然发现:最贵的不是写代码的时间,是人和人之间的沟通成本。 一个会用AI的全栈,从需求到上线一个人搞定。 不用开会,不用对接口,不用等联调。 你说老板选谁? 纯前端和纯后端,

我用Claude Code + GLM4.7修前端Bug的翻车现场,1小时烧光5小时限额

本来想体验一把“vibe coding 省时间”,结果变成“vibe coding 省不了、还很贵”:折腾将近一小时,GLM 额度直接打满,Bug 还在。 背景:事情是怎么开始的 最近遇到一个前端 Bug,属于那种看起来不大、但很烦的类型:页面运行时报错,提示动态导入某个模块失败(报错里能看到类似 Failed to fetch dynamically imported module .../router/index.ts 这种信息)。 我想着正好试试工具链:Claude Code + GLM4.7。理想情况是:它读代码、跑命令、给修改方案,我负责点确认就行。 现实是另一回事。 结果:时间花了,额度没了,Bug 还没修好 简单总结一下这次的“