js开发提效关键在插件协同：eslint查逻辑错误、prettier统一格式、javascript booster智能重构、quokka实时执行验证，四者联动实现“保存即检查、点击即优化、停留即验证”。
JS 代码写得快不快、稳不稳，关键不在你敲得多快，而在于编辑器能不能提前预判你要干啥、自动拦住低级错误、顺手帮你把重复劳动干完。VSCode 本身不带这些能力，但装对插件，几乎等于给 JS 开发加了“自动驾驶”。
ESLint：别等上线才发现 undefined 被当变量用了
它不是格式化工具，是代码逻辑和规范的守门员。比如你写了 console.log(user.name)，但 user 没声明过，ESLint 会在编辑器里直接标红，并在 Problems 面板报错 ‘user’ is not defined。
- 必须配合项目根目录的
.eslintrc.js或.eslintrc.json才生效，光装插件没配置等于没装 - 推荐继承
eslint:recommended+prettier，避免规则打架 - 在 VSCode 设置里加这三行，才能真正“实时报错”：
"editor.formatOnSave": true,<br>"editor.defaultFormatter": "esbenp.prettier-vscode",<br>"eslint.validate": ["javascript", "javascriptreact"]
- 注意：如果项目用 TypeScript，得额外装
@typescript-eslint/parser，否则const a: string这类语法会报错
Prettier：保存即格式化，别再手动调缩进和引号
它不管你的代码有没有 bug，只管“长得好不好看”。var 改 const、双引号变单引号、长表达式自动换行——全靠它在你按 Ctrl+S 的瞬间完成。
DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。
- 和 ESLint 不是二选一，而是分工合作：ESLint 查“对不对”，Prettier 管“好不好看”
- 装完插件后，务必在项目根目录建
.prettierrc，哪怕只写一行：{"singleQuote": true, "semi": false} - 如果发现保存没反应，检查 VSCode 设置里
editor.defaultFormatter是否指向了 Prettier，而不是其他格式化工具（比如内置的 JavaScript 格式化） - 和 ESLint 共存时，一定要装
eslint-config-prettier并在extends里加'prettier'，否则两者会互相覆盖规则
JavaScript Booster：光标一停，重构选项自动弹出来
它不靠快捷键，靠“灯泡”——当你把光标停在某行代码上，左侧出现黄色 ?，点开就是精准重构菜单。比如 if-else 变三元、函数转箭头、字符串拼接改模板字面量，全是一键替换，且语义不变。
- 适合边写边优化，尤其在 Code Review 前快速清理旧写法
- 它不会瞎改：比如
let a = 1; a++;不会建议拆成let a; a = 1;，因为会影响执行顺序 - 对
var的转换很保守，遇到作用域复杂的情况（如循环内定义），可能不显示 “Convert to const” 选项——这是保护机制，不是 bug - 不支持 TypeScript 类型标注的自动迁移，纯 JS 场景下效果最稳定
Quokka.js：不用跑整个项目，光标所在行立刻出结果
写 JS 工具函数、数组方法链、正则匹配时，再也不用 console.log + 刷新页面 + 翻控制台。把光标放在某行表达式上，Quokka 自动在行尾显示执行结果，甚至支持实时调试中间变量。
- 示例：
[1,2,3].map(x => x * 2)后面立刻显示[2,4,6]；const res = /a+/.exec('aaab')下一行马上标出res[0]是'aaa' - 支持
//?注释触发断言，比如写add(2,3) //? 5，结果不对会标红提醒 - 免费版有行数限制（约 50 行），但日常调试完全够用；付费版才解锁多文件上下文和异步支持
- 和 Node.js 版本强相关，如果项目用 Node 20，但 Quokka 默认跑在 Node 16，可能报
??=语法错误——需在 Quokka 设置里指定运行时版本
真正卡住 JS 开发效率的，往往不是语法不熟，而是错误反馈太慢、格式调整太碎、重构不敢动。这几个插件组合起来，相当于把“检查-修正-验证”三个环节压缩进一次保存、一次点击、一次光标停留里。最易被忽略的是配置联动：Prettier 和 ESLint 规则冲突、Quokka 的 Node 版本错配、Booster 在复杂作用域下沉默——这些地方不出问题则已，一出就是“明明装了却像没装”。
