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

优质文章学习记录

— 7 min read
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

Springboot 4.0十字路口：虚拟线程时代，WebFlux与WebMVC的终极选择

Springboot 4.0十字路口：虚拟线程时代，WebFlux与WebMVC的终极选择

🧑 博主简介：ZEEKLOG博客专家，历代文学网（PC端可以访问：https://literature.sinhy.com/#/?__c=1000，移动端可关注公众号 “ 心海云图 ” 微信小程序搜索“历代文学”）总架构师，16年工作经验，精通Java编程，高并发设计，分布式系统架构设计，Springboot和微服务，熟悉Linux，ESXI虚拟化以及云原生Docker和K8s，热衷于探索科技的边界，并将理论知识转化为实际应用。保持对新技术的好奇心，乐于分享所学，希望通过我的实践经历和见解，启发他人的创新思维。在这里，我希望能与志同道合的朋友交流探讨，共同进步，一起在技术的世界里不断学习成长。 🤝商务合作：请搜索或扫码关注微信公众号 “ 心海云图 ” Springboot 4.0十字路口：虚拟线程时代，WebFlux与WebMVC的终极选择 当虚拟线程以革命性的姿态降临Java世界，一场关于并发编程范式的静默变革正在发生。Spring开发者站在了选择的十字路口。 2023年，Java 21将虚拟线程从预览特性转为正式功能，这一变化看似只是JVM内部的优化，实则撼动了整个

服务器无法访问WebUI？这几个排查步骤必看

服务器无法访问WebUI？这几个排查步骤必看 当你兴冲冲地执行完 bash start_app.sh，终端上也清晰地打印出： ============================================================ WebUI 服务地址: http://0.0.0.0:7860 ============================================================ 可一打开浏览器输入 http://你的服务器IP:7860，却只看到“无法访问此网站”“连接被拒绝”或“该网页无法正常运作”……别急，这绝不是模型本身出了问题，而是典型的服务可达性故障——它发生在模型启动之后、用户访问之前那个关键的“中间层”。 本文不讲OCR原理，不聊ResNet18结构，也不展开ONNX导出细节。我们聚焦一个最实际、最高频、最让人抓狂的问题：WebUI明明启动了，为什么就是打不开？ 针对 cv_resnet18_ocr-detection OCR文字检测模型（构建by科哥） 这一镜像，我将带你按真实运维节奏，逐层穿透网络、系统、服

web-print-pdf：专为Web打印而生的专业解决方案

你有没有遇到过这样的场景： 电商后台需要批量打印发货单，每点一次打印，浏览器就弹出一次预览窗口，员工不得不守在电脑前不断点击“确认打印”； 企业ERP系统要输出上百页的财务报表，结果样式错乱、表格断页，还得手动调整； 连锁门店需要远程打印小票，技术人员却告诉你“Web应用没法直接指定远程打印机”…… 这些问题的根源不在于“能不能打印”，而在于浏览器为了安全限制了Web应用对打印硬件的直接控制。而今天要介绍的 web-print-pdf，正是为解决这些专业打印需求而生的 Node.js 工具包。 它是什么？ web-print-pdf 是一个基于 Playwright 内核的跨平台 Web 打印解决方案，以 npm 包形式提供。它的核心理念是：让 Web 前端像调用本地打印一样，轻松实现静默打印、远程打印、PDF 生成等企业级功能。 你不需要改造现有系统，不需要让用户安装额外的浏览器插件，只需要几行代码，就能让 Web 应用拥有桌面软件般的打印控制能力。 它能解决哪些实际问题？ ✅ 真正的静默打印（无弹窗、预览）
【前端】Vue3+elementui+ts，TypeScript Promise＜string＞转string错误解析，习惯性请出DeepSeek来解答

【前端】Vue3+elementui+ts，TypeScript Promise＜string＞转string错误解析，习惯性请出DeepSeek来解答

🌹欢迎来到《小5讲堂》🌹 🌹这是《前端》系列文章，每篇文章将以博主理解的角度展开讲解。🌹 🌹温馨提示：博主能力有限，理解水平有限，若有不对之处望指正！🌹 目录 * 前言 * 报错信息 * DeepSeek解答 * 问题原因 * 解决方案 * 最佳实践 * 异步和同步 * 1. 同步（Synchronous）操作 * 示例：同步数据更新 * 2. 异步（Asynchronous）操作 * 示例 1：`setTimeout` * 示例 2：`async/await` * 3. Vue 3 的异步更新机制 * 如何等待 DOM 更新？ * 4. 生命周期钩子中的异步 * 5. 总结 * 最佳实践 * 文章推荐 前言 好久没有写前端，