javascript booster 的重构提示未出现,通常因触发条件不满足:需语法合法且可优化的js代码、语言模式为javascript、光标落在具体语句字符上,而非空行、注释或字符串内;eslint与prettier冲突也可能压制灯泡提示。

JavaScript Booster 的重构提示为什么没出现
光标停在代码上却看不到黄色灯泡,通常不是插件没装好,而是触发条件不满足。JavaScript Booster 只对「语法合法但可优化」的 JS 片段生效,比如 var 声明、传统函数表达式、冗余 if-else 等。它不会在语法错误行、注释里、字符串字面量内部或 JSX 中触发。
- 确保文件语言模式是
JavaScript(右下角状态栏显示),不是Plain Text或TypeScript - 不要把光标放在空行或缩进位置——必须落在具体语句的任意字符上(比如
function的f上) - 如果用了
ESLint+Prettier组合,检查是否启用了eslint.enable和editor.formatOnSave,二者冲突可能压制灯泡提示
Quokka.js 实时执行结果不更新怎么办
按 Ctrl+Shift+P 运行 Quokka: New JavaScript File 后,修改代码却没看到右侧实时输出,大概率是运行上下文被中断或未激活。
- 确认当前编辑器焦点在 Quokka 文件内(文件名带
.quokka.js后缀或顶部有绿色 Quokka 标识) - 避免在代码中写
process.exit()、while(true)或未处理的Promise.reject(),这些会终止 Quokka 沙箱 - 若用
import语句,需项目根目录有package.json且已安装对应模块,否则报Cannot find module - 临时禁用其他 JS 插件(如
ESLint的保存时自动修复),它们可能干扰 Quokka 的 AST 解析
Live Server 启动后页面空白或 404
右键选 Open with Live Server 打开浏览器却是空白页或 Cannot GET /,问题几乎都出在入口路径和服务器配置上。
- Live Server 默认从当前打开的 HTML 文件所在目录启动,不是工作区根目录——确保你右键的是
index.html,而不是子目录里的文件 - 如果项目结构是
/src/index.html,但你在/根目录打开 VS Code,Live Server 会以/为根服务,导致./css/app.css404 - 可在
.vscode/settings.json中加配置:"liveServer.settings.CustomBrowser": "chrome"和"liveServer.settings.root": "./src" - 注意 URL 路径:Live Server 地址形如
http://127.0.0.1:5500/,不能直接双击 HTML 文件用file://协议打开,否则跨域请求失败
ESLint + Prettier 规则打架导致保存后代码乱跳
开启 editor.formatOnSave 后,保存一次代码缩进变两次、分号忽有忽无,这是 ESLint 和 Prettier 的格式化逻辑互相覆盖的典型表现。
- 必须安装
eslint-config-prettier并在.eslintrc.js的extends数组末尾加入'prettier',禁用所有与 Prettier 冲突的规则 - VS Code 设置里关掉
prettier.eslintIntegration(新版已废弃),改用eslint.format.enable控制格式化入口 - 推荐只让 ESLint 负责「校验」(标红错误),Prettier 负责「格式化」(保存时执行),两者职责分离
- 检查项目是否有多个配置文件(
.eslintrc.js、.prettierrc、package.json中的eslintConfig),优先级混乱会导致行为不可预测











