提升js代码项目可读性的VSCode插件组合-VSCode-PHP中文网

eslint + prettier + better comments 是当前最轻量、最有效、最无痛的 js 项目可读性提升组合，无需配置即可开箱即用：eslint 提前暴露语义隐患，prettier 统一格式避免视觉干扰，better comments 通过符号前缀为注释分层染色。

提升js代码项目可读性的vscode插件组合

直接说结论：ESLint + Prettier + Better Comments 是当前最轻量、最有效、最无痛的 JS 项目可读性提升组合，不需要写一行配置就能开箱即用。

很多人装了 ESLint 却只看到红色波浪线，就以为它只是“挑刺工具”。其实它的核心价值在于提前暴露 undefined 变量、no-unused-vars、no-shadow 这类影响可读性的逻辑隐患——比如函数内重名参数遮蔽外层变量，肉眼难辨，但 ESLint 一眼标出。

必须启用 "editor.codeActionsOnSave": { "source.fixAll.eslint": true }，否则修复要手动点灯泡
不建议直接用 eslint:recommended，它默认禁用 no-console，而调试残留的 console.log 是团队代码里最常见的可读性污染源
如果项目已有 .eslintrc.js，优先保留；没有就新建一个，内容只需三行：
```
module.exports = {
  extends: ["eslint:recommended"],
  rules: { "no-console": "warn" }
};
```

可读性差往往不是逻辑问题，而是视觉干扰：有人用双引号，有人用单引号；有人每行 80 字符换行，有人硬塞到一行；括号换行位置五花八门。Prettier 不让你选，直接定死规则。

Revealjs Presentations

创建、编辑并部署 reveal.js 演示文稿为单个 HTML 文件，可选自定义 CSS。适用于需要制作演示文稿、幻灯片或宣传材料时使用。

下载

关键配置项只有三个："prettier.singleQuote"（推荐 true）、"prettier.semi"（推荐 false）、"prettier.printWidth"（推荐 100）
务必关掉 VS Code 自带的 "editor.formatOnType"，否则打字中途自动格式化会打断思路
和 ESLint 共存时，必须安装 eslint-config-prettier，否则两者对分号、空格等规则会打架，导致保存后反复来回格式化