提升js代码开发产出的VSCode插件必备清单-VSCode-PHP中文网

eslint与prettier必须组合使用，eslint负责逻辑错误检查，prettier专注格式化，需配置eslint-config-prettier并禁用vscode自动格式化以避免冲突。

提升js代码开发产出的vscode插件必备清单

ESLint + Prettier 组合必须装，否则 JS 项目很快会失控。 单独用任何一个都解决不了实际问题：ESLint 报错但不格式化，Prettier 格式化但不管逻辑错误。两者配合才是 JS 开发的底线配置。

很多人装了 ESLint 插件却没效果，根本原因是没配 .eslintrc.js 或配置文件没被识别。VSCode 的 ESLint 插件不会自动读取全局规则，只认当前工作区根目录下的配置文件。

新建项目时，优先用 npx eslint --init 生成配置，选「React」或「TypeScript」对应选项，别手写
若项目已存在 .eslintrc.cjs，确保 VSCode 设置里启用了 "eslint.enable": true
常见失效场景：项目用了 eslint-config-airbnb，但没安装对应依赖包 —— 插件会静默失败，不报错也不标红
遇到 Definition for rule 'xxx' was not found 错误，说明规则名拼错或插件未安装（比如用了 react-hooks/exhaustive-deps 却没装 eslint-plugin-react-hooks）

保存后代码来回跳、引号忽单忽双、分号忽有忽无 —— 这是 Prettier 和 ESLint 规则打架的典型症状。不是谁该让步，而是得明确分工。

基于三引擎设计，从微信文章、新闻和博客网页提取干净内容，支持标题作者日期元数据，多格式和批量处理。

下载

让 Prettier 负责所有格式细节（缩进、换行、空格），ESLint 只管逻辑和规范（未使用变量、prop 类型、函数复杂度）
必须安装 eslint-config-prettier，并在 .eslintrc.js 的 extends 数组末尾加上 'prettier'
VSCode 设置中禁用 "editor.formatOnSave": false，改用 "editor.codeActionsOnSave": {"source.fixAll.eslint": true} —— 这样只走 ESLint 修复，避免双引擎并发执行
如果团队用 prettier-eslint-cli 命令行格式化，注意它已废弃，应统一迁移到 prettier + eslint --fix 分步执行

写个 console.log 然后切浏览器刷新，效率低还容易漏状态。Quokka.js 是更直接的替代方案，但它对大型模块或副作用敏感，不是万能胶。

新建临时文件用 Cmd+K J（macOS）或 Ctrl+K J（Win/Linux），粘贴片段即执行，支持 const、async/await、import（需配置 quokka.nodeArgs）
避免在 Quokka 文件里写 document.getElementById —— 浏览器 DOM 不存在，会报 ReferenceError
想测 React 组件？别硬塞进 Quokka，用 Code Runner 执行 npx @babel/node 编译后的 JS 更稳
调试异步链时，Quokka 默认不等 Promise，需手动加 // ? 注释标记等待点，否则看到的是 Promise {<pending>}</pending>

JavaScript (ES6) code snippets 插件装了，但 clg 补全 console.log 这种基础功能早该淘汰了。真正提效的是能减少样板代码的片段。

高频场景优先补全：imr → import React from 'react';，imrd → import ReactDOM from 'react-dom/client';，usf → const [state, setState] = useState();
避免片段冲突：多个 snippet 插件同时启用时，VSCode 会按字母顺序加载，JavaScript Snippet Pack 和 ES7+ React/Redux/React-Native snippets 功能重叠，留一个即可
自定义片段最实用：在 User Snippets 里加一条 logv → console.log('%o', $1);，比 clg 多一层对象展开能力
片段不生效？检查 files.associations 设置 —— 如果 .jsx 文件没关联到 javascriptreact 语言模式，ES6 片段就压根不触发