vue-cli创建项目时由于esLint校验导致报错或警告的解决办法

vue-cli创建项目后编写代码控制台一片黄

但不影响代码执行

但是看着就是很不爽啊

到网上搜索了一下这个问题，想起来初始化项目时安装了esLint校验工具

嗯，我看到了很多办法都是下面这样的

1、因为你设置了eslint，如果你不想有规范的js代码，可以重新初始化关掉eslint。
Use ESLint to lint your code? (Y/n) 这一步选no


在bulid/webpack.base.conf.js里面有配置如下：
module: {
rules: [

...(config.dev.useEslint ? [createLintingRule()] : []),
点进config.dev.useEslint，发现在config/index.js里配置
useEslint: true, // 改为false即可。

2、万能方法，就是在报错的JS文件中第一行写上 
/* eslint-disable */

Use /* eslint-disable */ to ignore all warnings in a file.

简单粗暴有效率

but 本着 既然人家说我错了这个肯定是不好的啊我得改 这种良好觉悟

我觉得吧，还是应该直面错误勇于改正

so 针对所有的报错信息，进行了一一修改，果然长知识啊，哈哈哈 那我按照他的规范来写我岂不是enenenhahaha

我这是又在做什么梦[○･Д´･ ○]

进入正题，将遇到的报错信息整理了一下

1.ESLint：Strings must use single quote

字符串必须要用单引号引起来

2.Expected indentation of 2 spaces but found 4

eslint不喜欢tab缩进哦，缩进使用两个空格就可以，好的，我现在已经开始要改了~

如果实在是改不了呢，可以↓↓

修改eslint 配置文件 .eslintrc.js

rules: {
   ...
    // 缩进
    // 'indent': 2,
    // 'indent': [2, 2, {"SwitchCase": 1}],
    "indent": [1, 2],
   ...
 }

3.Missing space before value for key 'components’

 这个就是强制属性值前也就是冒号后，习惯性的加一个空格，就可以避免这歌报错提示啦~

4.Newline required at end of file but not found

单文件组件最后的</style>后面要换一行，且只能一行，多了也会报错

其他的就不一一列举的，但是还有些要注意的

{}，
{}
↓
{},  {
}
注意：逗号后面也要加一个空格

好啦，以上就是我对这个规范的一些小小心得，后面再碰到再补充~
溜~~~~~~~