有的时候用vue-cli创建好项目之后，写代码时会出现换行和空格报错，出现这么写错误是什么原因呢？

相信第一次接触时有点摸不着头脑。其实是在你用vue-cli脚手架构建项目时用了ESLint代码检查工具，如下图

解决方案很多种，最简单就是在创建项目初始化时，在这个选项选择N即可。 

 

（1）ESLint介绍（）

    官网是这用介绍的：

    ESLint 是一个开源的 JavaScript 代码检查工具，由 Nicholas C. Zakas 于2013年6月创建。代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。对大多数编程语言来说都会有代码检查，一般来说编译程序会内置检查工具。

    JavaScript 是一个动态的弱类型语言，在开发中比较容易出错。因为没有编译程序，为了寻找 JavaScript 代码错误通常需要在执行过程中不断调适。像 ESLint 这样的可以让程序员在编码的过程中发现问题而不是在执行的过程中。

    ESLint 的初衷是为了让程序员可以创建自己的检测规则。ESLint 的所有规则都被设计成可插入的。ESLint 的默认规则与其他的插件并没有什么区别，规则本身和测试可以依赖于同样的模式。为了便于人们使用，ESLint 内置了一些规则，当然，你可以在使用过程中自定义规则。

    ESLint 使用 Node.js 编写，这样既可以有一个快速的运行环境的同时也便于安装。

       说白了，他就是一个代码检查工具，用来规范你的代码的。

 

（2）使用代码检查的重要性

1. 避免低级bug：一些常见代码问题，如果在编译或运行前不能及时发现，代码中的语法问题会直接导致编译或运行时错误，影响开发效率和代码质量；
2. 统一代码习惯：每一个团队或个人都会有一些代码规范或者代码习惯，为了便于后期维护和阅读，我们编写的代码也需要符合一定的格式规范；
3. 保证线上代码质量：在版本管理中，我们需要在提交或发布之前自动执行一些代码检查工作，确保我们的代码符合最终版本要求。

 

 

（3）关闭ESlint

   ①注释配置代码

    使用vue-cli脚手架构建了webpack项目，在开发过程中，Eslint验证太严谨了，想通过设置将这验证给关闭掉 ，操作如下：

    在webpack.base.conf.js里面删掉下面:

 ②关闭软件webstorm 的ESlint

    file->settings->搜索ESlint->取消Enable的勾选

 

 

 

 

 

 

 

 

.