例如:"@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 并且单独生成配置文件。这样就能在.eslintrc.js中的rules对象里配置我们自己的规则。 .eslintrc.js 关掉v-for要有key的编码提示后,就看不到红色的线了 key报错红色波浪消失.png 除了编辑器,其实vue-cli还有eslint-loader校验我们的代码。就是那个创建项目的时候,选择了lint to...
由于之前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...
是否在开发环境下通过 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...
最近一个项目里,最开始使用cli3.0搭建的时候没有默认选用eslint,导致现在有的人使用其他编辑器,就会出现格式错乱的情况。所以引入eslint做代码检测 第一步 (安装) npm install eslint eslint-config-airbnb-base eslint-plugin-importeslint-plugin-vue--save-dev ...
eslint plugin for vue-cli Injected Commands vue-cli-service lint Usage: vue-cli-service lint [options] [...files] Options: --format [formatter] specify formatter (default: stylish) --no-fix do not fix errors --max-errors specify number of errors to make build failed (default: 0) --...
prettier是代码格式化插件,用来辅助eslint,否则你调了花半天,一格式化全没有。 实战演练 # 创建一个vue项目 vue-cli@2.9.6,更高版本请使用create创建项目。 vue init webpack eslint_test eslint那一栏请选择none,这样vue-cli会帮你下载eslint,并进行一些基本的配置。
提示:如果没有安装 vue-cli ,执行npm install -g @vue/cli安装即可。 vue create "项目名称" 1. ② 选择 Manually select features(手动选择功能)。 ③ 根据自己需求选择,这里只选择了 Linter / Formatter。 ④ 选择版本。 ⑤ 选择 ESLint + Prettier。 ⑥ 选择 Lint on save。 ⑦ 选择 In dedicated conf...