vscode安装及插件配置要点：官网下载对应系统安装包，安装时勾选“add to path”和“add to context menu”；推荐安装eslint、prettier、auto rename tag、live server及vue相关插件；设置中启用保存自动格式化、更换主题、关联文件后缀；定期手动检查更新，禁用或卸载不用插件，并可通过.vscode/extensions.json统一管理团队插件。
VSCode 安装很简单，插件安装也直观，关键是选对插件、装对位置、及时更新。
下载并安装 VSCode
去官网 code.visualstudio.com 下载对应你系统的安装包（Windows 推荐 .exe，macOS 用 .zip 或 .dmg，Linux 可选 .deb 或 .rpm）。双击运行，按向导点下一步就行。安装时勾选“Add to PATH”和“Add to context menu”，这样就能在命令行直接敲 code 打开文件夹，右键菜单也能快速用 VSCode 打开。
安装常用前端插件
打开 VSCode → 左侧活动栏点扩展图标（或 Ctrl+Shift+X）→ 在搜索框里输入插件名，回车确认：
- ESLint：实时检查 JS/TS 语法和潜在问题，装完需项目里有 eslint.config.js 或 package.json 中配置了 eslint 字段
- Prettier：代码格式化神器，配合 ESLint 使用效果更好；可在设置里设为默认格式化工具
- Auto Rename Tag：改一个 HTML 标签名，自动同步闭合标签，写模板时省心
- Live Server：点一下就能起本地服务，自动刷新页面，适合写静态页或小 demo
- Vetur（Vue 2）或 Vue Language Features（Volar，Vue 3）：Vue 开发必备，提供语法高亮、组件跳转、模板校验等功能
插件设置小技巧
装完别急着用，进设置（Ctrl+,）搜关键词微调体验：
立即学习“前端免费学习笔记（深入）”；
- 搜 format on save → 勾选，保存时自动格式化
- 搜 emerald 或 theme → 换个喜欢的主题，比如 One Dark Pro、Dracula 或 GitHub Theme
- 搜 files.associations → 可手动关联后缀，比如把 .cjs 当 JS 文件高亮
插件更新与管理
VSCode 会自动检查插件更新，但有时卡住。可手动操作：扩展面板右上角三个点 → “Check for Updates”。不用的插件右键“Disable”或“Uninstall”，避免拖慢启动速度。多人协作时建议把推荐插件写进项目根目录的 .vscode/extensions.json，其他人打开项目就会收到提示安装。
基本上就这些，不复杂但容易忽略细节。
