给已经创建好的项目添加eslint

今天拿到一个项目，发现没有安装eslint.现在就在这大概记录一下vue项目添加eslint的具体的过程

实现目标:给项目添加eslint(在这叫做demo)

准备工作：找一个已经开启了eslint的项目(在这叫做demo1)（没有的话，可以直接新建一个项目，新建项目的话就不再这个详细的说了 大家具体可以参考https://www.jianshu.com/p/1626b8643676/ 这个网址上的内容，讲的十分详细）

开始实施：

第一步：打开你找到或新建的demo1的 package.json文件

 

将红框中的内容添加到你所要添加eslint的项目demo中，不要忘了红框1里面的内容（注意各项之间的排列顺序）

第二步：重新初始化项目 

在terminal 栏中输入 npm install

失败的话把node_modules删掉重新 npm install

完成之后在node_modules中查看

以下的依赖是否存在，如果存在则继续下一步操作，不存在则继续第二步的操作

第三步：拷相关的文件

把demo1中的这两个文件拷贝到你要添加的项目demo中来

第四部：拷贝相关的配置

1、将config/index.js文件中的红框标识出来的拷贝到你添加的demo相同的位置

2、将build/webpack.base.conf.js文件中的红框标识出来的拷贝到你添加的demo相同的位置

在这需要注意的是红框3中的文字是进行替换，而不是直接往上面添加

大概就是上面这些内容，你重新启动项目，eslint就添加好了