VSCode中Node环境配置与代码格式化整合指南-VSCode-PHP中文网

vscode保存后未自动格式化，根本原因是prettier未绑定至javascript语言：需在.vscode/settings.json中配置"[javascript]": {"editor.formatonsave": true, "editor.defaultformatter": "esbenp.prettier-vscode"}，并确保项目已安装prettier包且配置文件语法正确。

vscode中node环境配置与代码格式化整合指南

VSCode保存后没自动格式化，先确认Prettier是否绑定到JavaScript语言

VSCode默认用内置的vscode.typescript-language-features处理.js文件，装了esbenp.prettier-vscode插件也不会自动接管。右下角状态栏点语言模式，如果显示“JavaScript”但旁边不是Prettier，说明没绑上。

必须在.vscode/settings.json里写明语言专属配置：

{
  "[javascript]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

editor.defaultFormatter值必须是"esbenp.prettier-vscode"，写成"prettier-vscode"或"prettier"都无效
editor.formatOnSave不能只放在全局设置里，它只对语言块生效
项目根目录必须已安装prettier（npm install --save-dev prettier），否则插件会静默失败，控制台报Failed to load module 'prettier'

ESLint和Prettier共存时，修复顺序错乱的根本原因

保存时缩进变了但分号没加、或var没转成const，大概率是两者在抢同一触发点：editor.formatOnSave让Prettier无脑重排，覆盖了ESLint的语义修复。

正确分工是：ESLint负责规则检查+可修复逻辑（如变量声明、解构、空格等），Prettier只做纯格式（引号、换行、括号位置）。

jinn-node

在Jinn网络为自主项目工作赚取代币奖励，让闲置的OpenClaw代理开始工作。

下载

关闭editor.formatOnSave（在[javascript]块里删掉或设为false）
启用editor.codeActionsOnSave：{ "source.fixAll.eslint": true }——这是ESLint自动修复的唯一有效开关（eslint.autoFixOnSave已废弃）
开启eslint.format.enable：true，让ESLint在有可修复规则时接管格式化请求
在.eslintrc.cjs中集成Prettier："extends": ["eslint:recommended", "plugin:prettier/recommended"]，并确保已安装eslint-plugin-prettier和eslint-config-prettier

Node.js项目特有的配置陷阱：.prettierrc和.eslintrc.cjs的模块系统不匹配

Node.js项目若设了"type": "module"（即用ESM），而你写了.prettierrc.cjs却用export default，或写了.eslintrc.cjs却用import语法，ESLint/Prettier会直接加载失败，且不报错、不提示。

CommonJS项目（"type": "commonjs"或未声明）：用.prettierrc.cjs + module.exports = {...}；.eslintrc.cjs同理
ESM项目（"type": "module"）：用.prettierrc.js + export default {...}；eslint.config.js（ESLint v9+推荐）也必须用export default [...]
.prettierignore至少包含node_modules/和dist/，否则保存时格式化整个node_modules会导致VSCode卡死