node项目配置eslint格式化_nodejs eslint格式化-CSDN博客

本文链接：https://blog.csdn.net/weixin_41424721/article/details/120002804

本文介绍了如何在VSCode中配置ESLint和Prettier进行代码风格检查与自动格式化，包括安装依赖、创建.eslintrc.js配置文件以及设置VSCode的settings.json，确保在保存时能自动应用代码规范。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（1）安装依赖‘
npm i eslint standard --save-dev
（2）新建.eslintrc.js文件

module.exports = {
  root: true,
  extends: [
    'standard' // '@vue/standard',eslint起检测作用主要的代码
  ],
  globals: {
    Atomics: 'readonly',
    SharedArrayBuffer: 'readonly'
  },
  parserOptions: {
    sourceType: 'module'
  },
  rules: {
  }
}

（3）vscode设置中setting.json文件内容

{
    "prettier.semi": false,
    "prettier.singleQuote": true,
    "prettier.requireConfig": true,
    "vsicons.dontShowNewVersionMessage": true,
    "editor.fontSize": 16,
    "editor.tabSize": 2,
    "eslint.options": {
        "extensions": [
            ".js",".ts",".vue"
        ]
    },
    "eslint.enable":true,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true,
        "source.fixAll.stylelint": true
    },
    "explorer.confirmDelete": false,
    "gitlens.gitCommands.closeOnFocusOut": true,
    "todohighlight.isEnable": false,
    "todo-tree.tree.showScanModeButton": false,
    "terminal.integrated.automationShell.linux": "",
    "gitlens.advanced.blame.customArguments": [],
    "editor.fontLigatures": null,
    "editor.semanticTokenColorCustomizations": null,
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "git.enableSmartCommit": true,
    
    /** 设置文件显示和搜索过滤*/
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "build/": true,
        "temp/": true,
        "library/": true,
        "**/*.anim": true
    },
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true,
        "**/*.meta": true,
        "library/": true,
        "local/": true,
        "temp/": true
    },
    "security.workspace.trust.untrustedFiles": "open",
    "javascript.updateImportsOnFileMove.enabled": "always"
  }