1、首先需要下载eslint所需依赖: npm install babel-eslint eslint eslint-loader eslint-plugin-vue -D npm install babel-eslint eslint eslint-loader eslint-plugin-vue -D 1. 2. 3. 2、下载完毕后初始化eslint配置: 执行./node_modules/eslint/.bin/eslint 执行完毕后,会发现多了一个.eslintrc....
例如:"@vue/cli-service": "~4.5.0" 对应的是 "@vue/cli-plugin-eslint": "^4" npm install -D @vue/cli-plugin-eslint@^4 通过命令vue invoke eslint运行插件 vue 命令是 @vue/cli 提供的 运行插件应该可以使用任意版本的 @vue/cli 提供的 vue 命令 运行插件会根据选择项更新适用依赖和修改配置文...
"sass":"^1.19.0","sass-loader":"^8.0.0","vue-template-compiler":"^2.6.10","@vue/cli-plugin-eslint":"^3.12.0","eslint":"^5.16.0","babel-eslint":"^10.0.1","prettier":"^1.18.2","lint-staged":"^8.1.5","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue...
"@vue/cli-plugin-eslint": "^3.5.0", "@vue/cli-service": "^3.5.0", "@vue/eslint-config-prettier": "^4.0.1", "babel-eslint": "^10.0.1", "babel-plugin-import": "^1.11.0", "eslint": "^5.8.0", "eslint-plugin-vue": "^5.0.0", "lint-staged": "^8.1.4", "node-sa...
是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码。 我们看一下 @vue/cli-service/lib/options.js 的配置: 1、默认是: lintOnSave:true 2、支持下面几个备选值: lintOnSave: joi.any().valid([true,false,'error']) 不然会报错: ERRORInvalid optionsinvue.config.js: child"lintOnSave"fails be...
除了编辑器,其实vue-cli还有eslint-loader校验我们的代码。就是那个创建项目的时候,选择了lint to save 就是说在Ctrl+s保存的时候校验我们的代码。 所以在npm run serve启动服务后,我们修改文件,Ctrl+s保存后也有可能看到一堆报错 eslint-loader校验.png ...
由于之前vue-cli版本(<5)的eslint插件使用的是eslint-loader, 所以我们需要在vue.config.js中对eslint-loader进行参数修改, 例如 代码语言:javascript 复制 module.exports={chainWebpack:config=>{// 保存时自动格式化代码config.module.rule('eslint').use('eslint-loader').loader('eslint-loader').tap(opt...
最近一个项目里,最开始使用cli3.0搭建的时候没有默认选用eslint,导致现在有的人使用其他编辑器,就会出现格式错乱的情况。所以引入eslint做代码检测 第一步 (安装) npm install eslint eslint-config-airbnb-base eslint-plugin-importeslint-plugin-vue--save-dev ...
prettier是代码格式化插件,用来辅助eslint,否则你调了花半天,一格式化全没有。 实战演练 # 创建一个vue项目 vue-cli@2.9.6,更高版本请使用create创建项目。 vue init webpack eslint_test eslint那一栏请选择none,这样vue-cli会帮你下载eslint,并进行一些基本的配置。