vue全家桶使用遇到的eslint问题以及解决方案

1.Trailing spaces not allowed

去掉多余的空格

2. Newline required at end of file but not found

需要在最后的后面回车，空一行

3.Missing space before value for key ‘name’

在关键字“值”之前缺少空格

4.space-before-blocks

关键字后面要空一格。

5.A space is required after ‘,’

在逗号后面要加空格

6.no-unused-vars

不能有声明后未被使用的变量或参数

7.所有.vue里面的，style和script属性都顶格。

8.key-spacing

对象字面量中冒号的前后空格

9.eslint: Expected indentation of 2 spaces but found 4

缩进报错 ，所有缩进只能用两个空格

10.Unnecessary return statement

login () {
      this.$refs.loginFormRef.validate(valid => {
        if (!valid) return 
      })
      }

改为：

login () {
      this.$refs.loginFormRef.validate(valid => {
        if (!valid) return false
      })
    }

11.Extra semicolon

去掉结尾的分号，不用加分号

最终解决方案

在根目录新建一个文件.prettierrc，写如下代码，可以在格式化文档时去掉分号，将双引号变为单引号。同时也可以在不格式化时，使用双引号和分号不报错，配置完要重新编译一下生效。

{
    "semi":false,//隐藏分号
    "singleQuote":true//使用单引号
}

在项目的.eslintrc.js文件下修改rules，需要解决以上哪个问题，直接复制该错误语句，后面写false或者0，配置完要重新编译一下生效。例如：