vue工程化之去除Eslint验证

有的时候用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的勾选

 

 

 

 

 

 

 

 

.