quokka.js 是 javascript 开发中提升节奏最直接的插件，它在编辑器内实时运行代码并标注结果，无需保存、刷新或切换环境，尤其适合验证数组方法、promise、正则等高频场景。
Quokka.js 是目前 JS 开发节奏提升最直接的插件，没有之一。它不是“锦上添花”，而是把 console.log 式调试从“保存 → 切换浏览器 → 刷新 → 查看控制台”压缩到“敲完就见结果”。其他插件如 Code Runner 或 ESLint 解决的是不同维度的问题，不能替代这种实时反馈闭环。
Quokka.js：为什么写 JS 时不该再手动 console.log
它在编辑器内直接运行当前文件或选中代码块，每行执行结果实时标注在右侧（甚至支持箭头指向变量值）。不需要启动服务、不依赖浏览器环境、不污染源码 —— 尤其适合验证数组方法链、Promise 执行顺序、解构赋值效果等高频场景。
- 常见错误现象：
ReferenceError: require is not defined（在纯浏览器上下文里用了 Node API）→ 此时需右键选择Quokka.js: Start on Current File (Node)切换运行环境 - 使用场景：快速验证
Array.prototype.flatMap行为、测试正则表达式匹配逻辑、调试异步函数返回值结构 - 参数差异：默认用 Jest 环境运行，但可通过
quokka.node配置项强制走 Node.js；若项目含tsconfig.json，会自动启用 TypeScript 支持 - 性能影响：仅对当前激活文件生效，关闭标签页即释放资源，无后台常驻进程
JavaScript (ES6) code snippets：减少重复输入的最小成本动作
它不改变开发流程，但把“写 import 语句 → 写函数骨架 → 写 console.log 占位”这类机械劳动压缩成 2–3 次 Tab 键。真正省下的不是秒数，是打断思路的次数。
dmap-jsapi-skill
下载
DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。
- 典型触发词：
clg→console.log();，imr→import React from 'react';，rafce→ 函数组件模板（含 props 类型占位） - 容易踩的坑：VS Code 默认启用内置 JS 片段，但会与第三方插件冲突 → 必须禁用
javascript.suggest.autoImports，否则imr可能展开成错误路径 - 兼容性注意：Vue 项目中若同时装了
Volar，vue相关片段优先级更高，js片段不会覆盖.vue文件内的模板区域
ESLint + Prettier 组合：让“改代码”不再变成“猜格式”
它们不加速单次编码，但防止你反复删空格、补分号、调整括号位置 —— 这些微小摩擦累积起来，比写逻辑更耗神。关键在于配置必须闭环，否则 formatOnSave 会和 ESLint 报错打架。
- 必须做的两件事：
"editor.formatOnSave": true+"eslint.validate": ["javascript", "typescript"]，否则保存时只格式化不校验 - 常见错误现象：
Expected indentation of 2 spaces but found 4报错却无法自动修复 → 检查是否漏装eslint-config-prettier，它负责关闭所有与 Prettier 冲突的规则 - 性能影响：大型项目首次启动 ESLint 会卡顿 2–3 秒，建议配合
eslint.workingDirectories限定检查范围，避免扫描node_modules
真正卡住 JS 开发节奏的，往往不是语法不熟，而是环境反馈延迟、重复劳动干扰、格式争议打断思考流。Quokka.js 解决第一个问题，snippets 解决第二个，ESLint+Prettier 解决第三个 —— 三者缺一不可，但顺序不能颠倒：先让代码跑起来，再让它写得快，最后让它长得齐。
