eslint、prettier、auto import、path intellisense是四大核心插件：eslint实时检测undefined等错误；prettier统一代码格式；auto import自动补全import语句；path intellisense智能提示文件路径。
VSCode 本身对 JavaScript 支持已经不错，但默认配置下写大型项目或维护老代码时，undefined 报错定位慢、import 路径手敲易错、console.log 写完还得手动删——这些不是“不丝滑”，是工具没配到位。
装哪些插件真能省下每天 15 分钟？
别堆插件，只留四个核心：
-
ESLint：实时标出no-unused-vars、no-undef这类错误，比保存后跑一遍npm run lint快得多；关掉它的自动修复（"eslint.autoFixOnSave": false），避免格式乱套 -
Prettier：统一缩进、分号、引号风格，和ESLint冲突时，用.prettierrc配置优先级，比如设"semi": false就别让 ESLint 强制加分号 -
Auto Import：光标停在useState上按Ctrl+.，自动补import { useState } from 'react'；注意它默认不处理相对路径，如果项目用@/components别名，得在jsconfig.json里配好"baseUrl"和"paths" -
Path Intellisense：输import后敲./，直接列出当前目录文件，支持node_modules内包名提示；但它不识别webpack的resolve.alias，想用别名提示得换Import Cost或手动配tsconfig.json
为什么 JavaScript (ES6) code snippets 比官方 JS 插件更实用？
VSCode 自带的 JS 片段太少，JavaScript (ES6) code snippets 提供了高频操作的快捷展开：
-
imp→import {} from ''，光标停在花括号里，直接输变量名 -
clg→console.log()，括号里自动填typeof或JSON.stringify，避免手敲漏括号 -
rfc→ 函数组件模板，含PropTypes占位，删不用的就行 - 它不改
tabWidth或quoteProps，纯补全，和 Prettier/ESLint 无冲突
Live Server 和 Debugger for Chrome 到底该留哪个？
二者用途完全不同，但很多人装了却不会调：
-
Live Server只适合纯 HTML + JS 小 demo，启动后地址是http://127.0.0.1:5500，但访问fetch('/api')会跨域——它没代理能力，别拿它跑真实 API -
Debugger for Chrome真正价值在断点调试异步链：async/await里某行卡住，打个断点，看call stack里是不是Promise.then漏了catch；需在launch.json配"url": "http://localhost:3000"，且确保 Chrome 已开远程调试（chrome.exe --remote-debugging-port=9222） - React/Vue 项目建议用官方调试器：
Debugger for Firefox或React Developer Tools插件，它们能读取__REACT_DEVTOOLS_GLOBAL_HOOK__，而原生 Chrome 调试器看不到组件状态
插件不是越多越强，ESLint 和 Prettier 的配置冲突、Auto Import 对别名路径的识别盲区、Live Server 的跨域假象——这些才是拖慢编辑体验的真正瓶颈。配好了，删掉一半插件反而更快。
