VS Code配置

自动格式化代码

vue配置

Prettier配置

安装Prettier - Code formatter ESLint eslint-disable-snippets插件
新建.prettierrc.json文件，增加以下配置：

{
    "semi": false, // 去掉结尾的分号
    "singleQuote": true // 单引号替代双引号
    "trailingComma": "none"// 末尾禁止添加逗号
}

设置=>输入format=>文本编辑器=>格式化=>配置格式化插件和自动保存

ESlint配置

项目新建.eslintrc.js文件

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/essential',
    'eslint:recommended' // 我是使用vue项目的，其它框架这块配置可能不太一样
  ],
  parserOptions: {
    parser: 'babel-eslint' // 需安装eslint和babel-eslint
  },
  rules: {
    'quotes': [2, 'single'], //单引号
    'semi': [2, 'never'], // 不使用分号
    'space-before-function-paren': [2, 'always'], // 函数前面加上空格
    'indent': [2, 2], // 相同的缩进2
    // 'eqeqeq': 2, // 使用全等
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', // console在生产模式不生效
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', // debugger在生产模式不生效
  }
}