Visual Studio Code 插件推荐

推荐插件

插件名称	功能描述
Chinese (Simplified) Language Pack	VS Code 简体中文语言包
Beautify	美化 JavaScript、JSON、CSS、Sass 和 HTML 代码
Live Server	启动本地开发服务器，支持静态及动态网页的实时重载
Vue - Official (Volar)	编写 Vue 2/3 应用的必备开发工具
Prettier	提供统一的代码格式化与检查功能
ESLint	JavaScript 静态代码分析器，用于扫描语法错误及不规范编程实践
Stylelint	Stylelint 官方 VS Code 扩展，用于 CSS/SCSS 等样式代码的 Linting
vscode-element-helper	提供 ElementUI 组件的智能提示
JavaScript (ES6) code snippets	提供 ES6 常用代码片段的快捷输入
TypeScript and JavaScript Nightly	启用每晚构建的 TypeScript (typescript@next) 作为内置版本，增强 JS/TS 智能感知能力
Bracket Pair Colorizer	为匹配括号着色，提升代码可读性
Project Manager	在项目侧边栏提供额外菜单，支持快速切换项目、收藏管理及 Git 项目自动检测
VS Code Icons	提供丰富的文件图标主题
Path Autocomplete	提供文件路径自动补全功能
Markdown Preview Enhanced	增强版 Markdown 预览，支持滚动同步、数学公式渲染、Mermaid/PlantUML 图表、Pandoc 转换、PDF 导出及演示文稿编写
CSS Navigation	支持 HTML 到 CSS/Sass/Less 定义的跳转，为类名和 ID 提供补全及工作区符号支持，并支持从 CSS 反向查找引用的 HTML 元素
npm Intellisense	在 import 语句中自动补全 npm 模块名称
Tailwind CSS IntelliSense	提供 Tailwind CSS 的语法高亮和智能提示
GitLens	通过 Git 注释和 CodeLens 功能，直观展示代码作者信息及修改历史
git-commit-plugin	辅助生成符合规范的 Git 提交信息
Time Master	根据编程活动自动生成指标、洞察和时间跟踪报告
韭菜盒子	在 VS Code 中查看股票 & 基金实时数据的投资辅助工具
go-home	下班提醒助手
SFTP	支持文件上传的 SFTP 传输工具
GitHub Copilot	AI 智能代码补全助手（付费服务）
Codeium	AI 智能代码补全助手（免费服务）
微信小程序开发工具	识别并支持微信小程序语法

推荐编辑器

Cursor: 基于 VS Code 构建的 AI 原生编辑器，访问官网

Trae: 字节跳动基于 VS Code 构建的 AI 编辑器，访问官网