今天拿到一个项目,发现没有安装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就添加好了