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

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

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

开始实施:

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

 

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

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

第二步:重新初始化项目 

在terminal 栏中输入 npm install

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

完成之后在node_modules中查看

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

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

第三步:拷相关的文件

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

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

第四部:拷贝相关的配置

1、将config/index.js文件中的红框标识出来的拷贝到你添加的demo相同的位置给已经创建好的项目添加eslint

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

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

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

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

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

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

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-05-25
  • 2021-10-29
  • 2022-12-23
  • 2021-06-18
猜你喜欢
  • 2021-09-09
  • 2022-12-23
  • 2022-01-07
  • 2022-12-23
  • 2021-08-01
  • 2021-11-20
相关资源
相似解决方案