vscode基础eslint +prettier配置

项目根目录下的eslintrc.js文件是eslint检查项，prettier是一个代码格式化工具，需要先设置检查项，再按照检查项编辑prettier工具的配置；也就是先确定产品的标准，再按此标准生产制作产品的工具的意思：

产品：代码
标准：eslint配置
工具：prettier

eslintrc.js配置

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: ['plugin:vue/essential', 'eslint:recommended', '@vue/prettier'],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'prettier/prettier': [
      process.env.NODE_ENV === 'production' ? 'off' : 'error',
      //prettier 规则配置
      {
        printWidth: 100, // 一行代码超过这个值换行
        endOfLine: 'auto', // 换行cr检查
        singleQuote: true, // 使用单引号
        arrowParens: 'always',   (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid：省略括号,always:始终有括号
        semi: false, // 语句结尾无分号
        trailingComma: 'none' // 对象最后一个属性不加添加逗号
      }
    ],
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
  },
  overrides: [
    {
      files: [
        '**/__tests__/*.{j,t}s?(x)',
        '**/tests/unit/**/*.spec.{j,t}s?(x)'
      ],
      env: {
        jest: true
      }
    }
  ]
}

settings.json配置（安装Prettier - Code formatter插件）

{
    "editor.formatOnSave": true,	//保存自动格式化
    "terminal.integrated.automationShell.windows": "C:\\Windows\\System32\\cmd.exe",
    "editor.fontSize": 18,
    "[vue]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "eslint.codeAction.showDocumentation": {
        "enable": true
    },
	
	//下面具体格式化项按照上面的eslint标准配置

    "prettier.semi": false,
    "prettier.singleQuote": true,
    "prettier.trailingComma": "none", // 对象最后一个属性不加添加逗号
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "prettier.endOfLine": "auto",
    "[jsonc]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    }
}