vue中使用eslint以及prettier

如何保证团队中协同开发时，代码质量与风格保持一致，那么我们就需要使用到eslint以及prettier去格式化代码。

1. 安装eslint,prettier，@vue/eslint-config-prettier.

2. 配置es lin t
   有2种方案， 可以在package.json文件中的eslintConfig中配置，也可以在.eslintrc.js中配置。

3. es lin t配置内容
   module.exports = {
   root: true,
   env: {
   node: true
   },
   globals: {
   dd: true
   },
   // rules预设
   extends: [
   “plugin:vue/essential”,
   “eslint:recommended”,
   “@vue/prettier”
   ],
   plugins: [“prettier”],
   parserOptions: {
   parser: “babel-eslint”
   },
   rules: {
   // 方法名和括号之间的空格数
   ‘space-before-function-paren’: 0,
   ‘spaced-comment’: 2,// 注释风格要不要有空格什么的
   ‘space-infix-ops’: 2,
   ‘no-trailing-spaces’: 1,
   “prettier/prettier”: “error”
   }
   }

4. .prettierrc.js配置
   module.exports = {
   “singleQuote”: true,
   “semi”: true
   }

如果配置不神生效，请关闭当前项目，重新打开尝试。