第一步:安装 1、全局安装:eslint ,版本必须9以下,不然vue2的eslint配置文件不支持了。 npm install eslint@8.57.0 -g 2、项目本地dev安装:eslint,必装而且版本必须9以下 npm install eslint@8.57.0 -D 3、项目本地dev安装插件:eslint-plugin-vue(检测.vue文件里的js,必装) npm install eslint-plugin-...
在package.json 里创建一个 eslintConfig 属性,在那里,同样可以定义你的配置 如果.eslintrc.js 和 package.json里的 eslintConfig 同时存在,则只读取 .eslintrc.js文件 2、eslint 选项说明 "root": true 1. 默认情况下,ESLint 会在所有父级目录里寻找配置文件,一直到根目录。如果发现配置文件中有 “root”...
"extends": ["plugin:vue/essential", "eslint:recommended"]继承的 ESLint 配置。在此配置中,继承了 Vue 的插件 plugin:vue/essential 和 ESLint 的推荐配置 eslint:recommended 。plugin:vue/essential 提供了一组用于 Vue.js 项目的 ESLint 规则,eslint:recommended 提供了一组广泛认可的通用规则。 "parserO...
yarn add eslint eslint-plugin-vue -D #OR npm install --save-dev eslint eslint-plugin-vue 1. 2. 3. 官方配置如下 由于,eslint-plugin-vue配置规则的强度逐步递增,此处只使用最基本的配置plugin:vue/vue3-essential。 再将standard添加上,此时.eslintrc.js配置如下 // .eslintrc.js module.exports ...
1.1 .eslintrc.js文件配置 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 module.exports = { root:true,// 在根目录下寻找.eslintrc.js文件,如果当前工作区打开的项目不是在根目录,则查找.eslintrc.js文件会失败,且eslint检查也不会生效 ...
eslint-define-config eslint-plugin-prettier eslint-plugin-vue 添加配置文件 1..vscode/settings.json {//===//===Editor===//==="editor.defaultFormatter":"esbenp.prettier-vscode","prettier.requireConfig":true,"typescript.updateImportsOnFileMove.enabled":"always","workbench.sideBar.location":"le...
1.vue项目里 .eslintrc.js vue本身有一些默认的规则,根据开发习惯,对一些规则做了补充。 module.exports={root:true,parserOptions:{parser:'babel-eslint'},env:{browser:true,},extends:['plugin:vue/essential','standard'],plugins:['vue'],// add your custom rules here 0-off 1-warn 2-errorrules...
npm install -g eslint 然后,在你的Vue2项目根目录下初始化ESLint配置: bash eslint --init 这将引导你通过一系列问题来配置你的ESLint设置。你可以选择适合你的项目需求的配置,比如使用ESLint推荐的规则集,还是使用Airbnb的规则集等。 2. 在Vue2项目中集成ESLint 接下来,你需要局部安装ESLint及其相关插件...
1.1.3 创建自定义配置项目 自定义项目就是说我们可以根据我们的项目选择一些自定义的配置,比如:项目版本(vue2还是vue3),eslint配置,babel配置 1.1.3.1 Choose Vue version 选择vue 2.x版本 1.1.3.2 选择eslint配置 这种是关于编码格式的配置,选择标准模式就行 ...