VS Code 极简安装配置教程（前端专用）
一、Windows 安装
下载：访问 https://code.visualstudio.com/，下载
VSCodeUserSetup-x64.exe安装：双击安装包，同意协议，默认安装目录
必勾选项（官方英文原版）：
Add "Open with Code" action、Add to PATH、Register Code as editor、Create Desktop Icon验证：CMD/PowerShell 输入
code --version，显示版本号即成功
二、macOS 安装
下载：官网下载
VSCode-darwin-universal.zip安装：解压后将软件拖入
Applications文件夹配置终端命令：打开VS Code，
Cmd+Shift+P输入Shell Command，安装PATH命令验证：终端输入
code --version
三、中文语言包
快捷键
Ctrl+Shift+X打开扩展市场搜索安装：
Chinese (Simplified) Language Pack重启软件生效
四、前端必装插件（精选）
基础开发插件
Prettier：代码自动格式化，统一代码风格
ESLint：检测代码规范、排查语法错误
Auto Rename Tag：自动同步修改HTML/XML首尾标签
Path Intellisense：文件路径自动补全
Error Lens：代码错误实时行内显示
GitLens：查看代码提交记录、作者信息
框架专属插件
Vue Official：Vue3 官方语法提示、TS支持
Tailwind CSS IntelliSense：Tailwind 类名补全与提示
AI 编程辅助插件
GitHub Copilot：AI自动补全、代码生成、bug修复
Continue：支持接入Claude、Gemini、OpenAI等自定义模型
Codeium：免费AI代码补全与生成工具
五、核心推荐设置
打开设置：Ctrl+,
开启 Format On Save：保存文件自动格式化代码
设置 Tab Size 为
2（前端通用规范）
六、常用高频快捷键
| 功能 | Windows/Linux | macOS |
|---|---|---|
| 命令面板 | Ctrl + Shift + P | Cmd + Shift + P |
| 打开终端 | Ctrl + ` | Cmd + ` |
| 快速查找文件 | Ctrl + P | Cmd + P |
| 全局搜索 | Ctrl + Shift + F | Cmd + Shift + F |
| 格式化代码 | Shift + Alt + F | Shift + Option + F |
| 代码注释 | Ctrl + / | Cmd + / |
| 多光标编辑 | Alt + 点击 | Option + 点击 |
七、前端全套插件组合（一键配齐）
适配 Vue/React/TS/Node 全场景开发：
Chinese (Simplified)、Prettier、ESLint、Auto Rename Tag、Path Intellisense、Error Lens、GitLens、Vue Official、Tailwind CSS IntelliSense、GitHub Copilot
总结
VS Code 轻量高效、插件生态完善，搭配上述格式化、规范检查、AI辅助插件，可全面适配企业级前端开发，大幅提升编码效率与代码质量。