求助：VS Code保存文件后Quokka扩展无法正常工作怎么办

问题根源 #

保存文件后Code Runner会调用系统的Node.js执行脚本，但你的电脑要么没安装Node.js，要么Node.js未加入系统环境变量，导致系统识别不了node命令；Quokka标签消失是因为文件保存后自动运行切换到了Code Runner，Quokka没有自动启动。

解决步骤 #

1. 检查并安装Node.js #

• 按下Win+R，输入cmd打开命令提示符
• 在命令行输入node -v，如果弹出类似v20.10.0的版本号，说明已安装；如果提示找不到命令，按以下操作：
  • 去Node.js官网下载LTS版本（长期支持版，更稳定）
  • 安装时一定要勾选"Add to PATH"选项，完成安装后重启电脑

2. 修复Node.js的环境变量（已安装但仍报错时） #

• 右键「此电脑」→「属性」→「高级系统设置」→「环境变量」
• 在「系统变量」里找到Path，双击打开编辑界面
• 检查是否有C:\Program Files\nodejs（如果Node.js装在其他盘，就找对应安装路径），没有的话点击「新建」，粘贴Node.js的安装目录路径
• 点击「确定」保存，重启VS Code再试

3. 配置Code Runner使用完整Node.js路径（备选方案） #

如果上面两步都没解决，直接指定Code Runner用的Node.js路径：

• 打开VS Code，按Ctrl+,打开设置面板
• 搜索「Code Runner: Executor Map」，点击「编辑 in settings.json」
• 找到javascript对应的行，修改成如下格式（替换成你自己的Node.js路径）：

  "javascript": "\"C:\\Program Files\\nodejs\\node.exe\" $fullPath"
  

• 保存settings.json，重新运行文件

4. 找回Quokka面板 #

保存文件后Quokka不会自动启动，手动启动即可：

• 按Ctrl+Shift+P打开命令面板
• 输入「Quokka.js: Start on Current File」，回车就能重新打开Quokka的标签面板
• 也可以点击VS Code左下角的Quokka图标（如果显示的话）快速启动

内容的提问来源于stack exchange，提问作者MimiBB