1、展示效果

如何给vue项目添加eslint呢,如何自动修复呢?

先展示一下效果:

 webstrom 配置eslint 自动修复错误

2、配置步骤

1、安装插件ESLint plugin

webstrom 其实有个非常好用的插件,ESLint plugin(如果在先安装不来可以手动下载,下载地址https://plugins.jetbrains.com/plugin/7494-eslint)

webstrom 配置eslint 自动修复错误

 

 

2、配置插件

安装完毕后在这里几个地方配置一下:

要注意两点

  • 第二个框是你的项目地址/node_modules/.bin/eslint.cmd
  • 第三个框是.eslintrc.js

 webstrom 配置eslint 自动修复错误

配置好后就可以使用了!

webstrom 配置eslint 自动修复错误

 

第二种方式:全局修复

项目使用的是Vue.js框架,自动校验代码只需要在项目工程下的package.json文件中寻找scripts关键字,

scripts下面有lint关键字

webstrom 配置eslint 自动修复错误

在lint中加入--fix如

webstrom 配置eslint 自动修复错误

然后再打开cmd,在cd到工程目录下,运行:npm run lint

便可自动修改格式,但是也有一些是没法修改的,例如"=="在要求使用"===",还有各种拼写错误啥的这些手动修改一下就好了。

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-20
  • 2021-11-03
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2018-05-08
  • 2021-11-24
  • 2021-04-03
  • 2022-12-23
相关资源
相似解决方案