VUE项目Eslint报错

前言：eslint很恶心的一个地方：你是否被各种语法报错一个标点符号，一个空格，一个回车......各种报错折磨着你！

加上编辑器 vs code 的自动格式化稳稳的和eslint冲突报错。

对此，我们想在 vs code 中格式化不报错需要对eslint进行一些设置

错误一：方法小括号前面报错，eslint要求前面必须加一个空格，vs code自动格式化是缩略了空格的，这时候

module error (from ./node_modules/eslint-loader/index.js):
error: missing space before function parentheses (space-before-function-paren) at src\components\login.vue:30:7:
28 　| <script>
29 　| export default {
> 30 | data () {
　　 |       ^
31　 | return {

解决方法：找到.eslintrc.js  在rules里面加上

'space-before-function-paren': 0

即：

rules: {
    'no-console': process.env.node_env === 'production' ? 'error' : 'off',
    'no-debugger': process.env.node_env === 'production' ? 'error' : 'off',
    'space-before-function-paren': 0
  },

　　错误二：当字符串被打上双引号是报错，eslint中规定单引号：上箭头指向引号
　　错误三：分号不支持，报错：上箭头指向分号

解决方法：全局添加  .prettierrc  文件

{
    "semi": false,  //分号
    "singlequote": true  //引号
}

　　

 

这时再用 vs code 的格式化就不会右上面三种报错了