首页 > 其他分享 >Vue .eslintrc.js

Vue .eslintrc.js

时间:2024-05-01 20:37:19浏览次数:17  
标签:禁止 no eslintrc js 空格 Vue 使用 不能 new

Vue  .eslintrc.js

https://blog.csdn.net/weixin_33721344/article/details/88685833

 

Vue的Eslint配置文件eslintrc.js说明与规则介绍

  最近在跟着视频敲项目时,代码提示出现很多奇奇怪怪的错误提示,百度了一下是eslintrc.js文件没有配置相关命令,ESlint的语法检测真的令人抓狂,现在总结一下这些命令的解释  

默认eslint规则:

代码末尾不能加分号 ;

代码中不能存在多行空行;

tab键不能使用,必须换成两个空格;

代码中不能存在声明了但未使用的变量;

最简单的方法,关闭eslint检测,其实很简单,把 build/webpack.base.conf.js 配置文件中的eslint rules注释掉即可。

但不推荐这么做,eslint检测是有必要的,能保持良好的代码风格。

第二种方法就是把不符合自己习惯的规则去掉,找到配置文件,名字以.eslintrc.*为名。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 module.exports = {  root: true,  parser: 'babel-eslint',  parserOptions: {   //设置"script"(默认)或"module"如果你的代码是在ECMAScript中的模块。   sourceType: 'module'  },  env: {   browser: true,  },  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style  extends: 'standard',  // required to lint *.vue files  plugins: [   'html'  ],  // add your custom rules here  'rules': {   // allow paren-less arrow functions   'arrow-parens': 0,   // allow async-await   'generator-star-spacing': 0,   // allow debugger during development   'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,   "no-unused-vars": [2, {    // 允许声明未使用变量    "vars": "local",    // 参数不检查    "args": "none"   }],   // 关闭语句强制分号结尾   "semi": [0],   //key值前面是否要有空格    "key-spacing": [0, {    "singleLine": {     "beforeColon": false,     "afterColon": true    },    "multiLine": {     "beforeColon": true,     "afterColon": true,     "align": "colon"    },   //空行最多不能超过100行   "no-multiple-empty-lines": [0, {"max": 100}],   //关闭禁止混用tab和空格   "no-mixed-spaces-and-tabs": [0],   //数组第一个指定是否启用这个规则,第二个指定几个空格   "indent":[1,2], }

其中的rules就是配置规则的。

配置参数

1 2 3 rules: {   "规则名": [规则值, 规则配置] }

规则值:

"off"或者0    //关闭规则关闭

"warn"或者1    //在打开的规则作为警告(不影响退出代码)

"error"或者2    //把规则作为一个错误(退出代码触发时为1)

eslintrc.js常用规则列表

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 "no-alert": 0,          //禁止使用alert confirm prompt "no-array-constructor": 2,    //禁止使用数组构造器 "no-bitwise": 0,         //禁止使用按位运算符 "no-caller": 1,          //禁止使用arguments.caller或arguments.callee "no-catch-shadow": 2,       //禁止catch子句参数与外部作用域变量同名 "no-class-assign": 2,       //禁止给类赋值 "no-cond-assign": 2,       //禁止在条件表达式中使用赋值语句 "no-console": 2,         //禁止使用console "no-const-assign": 2,       //禁止修改const声明的变量 "no-constant-condition": 2,    //禁止在条件中使用常量表达式 if(true) if(1) "no-continue": 0,         //禁止使用continue "no-control-regex": 2,      //禁止在正则表达式中使用控制字符 "no-debugger": 2,         //禁止使用debugger "no-delete-var": 2,        //不能对var声明的变量使用delete操作符 "no-div-regex": 1,        //不能使用看起来像除法的正则表达式/=foo/ "no-dupe-keys": 2,        //在创建对象字面量时不允许键重复 {a:1,a:1} "no-dupe-args": 2,        //函数参数不能重复 "no-duplicate-case": 2,      //switch中的case标签不能重复 "no-else-return": 2,       //如果if语句里面有return,后面不能跟else语句 "no-empty": 2,          //块语句中的内容不能为空 "no-empty-character-class": 2,  //正则表达式中的[]内容不能为空 "no-empty-label": 2,       //禁止使用空label "no-eq-null": 2,         //禁止对null使用==或!=运算符 "no-eval": 1,           //禁止使用eval "no-ex-assign": 2,        //禁止给catch语句中的异常参数赋值 "no-extend-native": 2,      //禁止扩展native对象 "no-extra-bind": 2,        //禁止不必要的函数绑定 "no-extra-boolean-cast": 2,    //禁止不必要的bool转换 "no-extra-parens": 2,       //禁止非必要的括号 "no-extra-semi": 2,        //禁止多余的冒号 "no-fallthrough": 1,       //禁止switch穿透 "no-floating-decimal": 2,     //禁止省略浮点数中的0 .5 3. "no-func-assign": 2,       //禁止重复的函数声明 "no-implicit-coercion": 1,    //禁止隐式转换 "no-implied-eval": 2,       //禁止使用隐式eval "no-inline-comments": 0,     //禁止行内备注 "no-inner-declarations": [2, "functions"],    //禁止在块语句中使用声明(变量或函数) "no-invalid-regexp": 2,      //禁止无效的正则表达式 "no-invalid-this": 2,       //禁止无效的this,只能用在构造器,类,对象字面量 "no-irregular-whitespace": 2,   //不能有不规则的空格 "no-iterator": 2,         //禁止使用__iterator__ 属性 "no-label-var": 2,        //label名不能与var声明的变量名相同 "no-labels": 2,          //禁止标签声明 "no-lone-blocks": 2,       //禁止不必要的嵌套块 "no-lonely-if": 2,        //禁止else语句内只有if语句 "no-loop-func": 1,        //禁止在循环中使用函数(如果没有引用外部变量不形成闭包就可以) "no-mixed-requires": [0, false], //声明时不能混用声明类型 "no-mixed-spaces-and-tabs": [2, false],     //禁止混用tab和空格 "linebreak-style": [0, "windows"],        //换行风格 "no-multi-spaces": 1,       //不能用多余的空格 "no-multi-str": 2,        //字符串不能用\换行 "no-multiple-empty-lines": [1, {"max": 2}],   //空行最多不能超过2行 "no-native-reassign": 2,     //不能重写native对象 "no-negated-in-lhs": 2,      //in 操作符的左边不能有! "no-nested-ternary": 0,      //禁止使用嵌套的三目运算 "no-new": 1,           //禁止在使用new构造一个实例后不赋值 "no-new-func": 1,         //禁止使用new Function "no-new-object": 2,        //禁止使用new Object() "no-new-require": 2,       //禁止使用new require "no-new-wrappers": 2,       //禁止使用new创建包装实例,new String new Boolean new Number "no-obj-calls": 2,        //不能调用内置的全局对象,比如Math() JSON() "no-octal": 2,          //禁止使用八进制数字 "no-octal-escape": 2,       //禁止使用八进制转义序列 "no-param-reassign": 2,      //禁止给参数重新赋值 "no-path-concat": 0,       //node中不能使用__dirname或__filename做路径拼接 "no-plusplus": 0,         //禁止使用++,-- "no-process-env": 0,       //禁止使用process.env "no-process-exit": 0,       //禁止使用process.exit() "no-proto": 2,          //禁止使用__proto__属性 "no-redeclare": 2,        //禁止重复声明变量 "no-regex-spaces": 2,       //禁止在正则表达式字面量中使用多个空格 /foo bar/ "no-restricted-modules": 0,    //如果禁用了指定模块,使用就会报错 "no-return-assign": 1,      //return 语句中不能有赋值表达式 "no-script-url": 0,        //禁止使用javascript:void(0) "no-self-compare": 2,       //不能比较自身 "no-sequences": 0,        //禁止使用逗号运算符 "no-shadow": 2,          //外部作用域中的变量不能与它所包含的作用域中的变量或参数同名 "no-shadow-restricted-names": 2, //严格模式中规定的限制标识符不能作为声明时的变量名使用 "no-spaced-func": 2,       //函数调用时 函数名与()之间不能有空格 "no-sparse-arrays": 2,      //禁止稀疏数组, [1,,2] "no-sync": 0,           //nodejs 禁止同步方法 "no-ternary": 0,         //禁止使用三目运算符 "no-trailing-spaces": 1,     //一行结束后面不要有空格 "no-this-before-super": 0,    //在调用super()之前不能使用this或super "no-throw-literal": 2,      //禁止抛出字面量错误 throw "error"; "no-undef": 1,          //不能有未定义的变量 "no-undef-init": 2,        //变量初始化时不能直接给它赋值为undefined "no-undefined": 2,        //不能使用undefined "no-unexpected-multiline": 2,   //避免多行表达式 "no-underscore-dangle": 1,    //标识符不能以_开头或结尾 "no-unneeded-ternary": 2,     //禁止不必要的嵌套 var isYes = answer === 1 ? true : false; "no-unreachable": 2,       //不能有无法执行的代码 "no-unused-expressions": 2,    //禁止无用的表达式 "no-unused-vars": [2, {"vars": "all", "args": "after-used"}],   //不能有声明后未被使用的变量或参数 "no-use-before-define": 2,    //未定义前不能使用 "no-useless-call": 2,       //禁止不必要的call和apply "no-void": 2,           //禁用void操作符 "no-var": 0,           //禁用var,用let和const代替 "no-warning-comments": [1, { "terms": ["todo", "fixme", "xxx"], "location": "start" }],   //不能有警告备注 "no-with": 2,           //禁用with     "array-bracket-spacing": [2, "never"],       //是否允许非空数组里面有多余的空格 "arrow-parens": 0,        //箭头函数用小括号括起来 "arrow-spacing": 0,        //=>的前/后括号 "accessor-pairs": 0,       //在对象中使用getter/setter "block-scoped-var": 0,      //块语句中使用var "brace-style": [1, "1tbs"],    //大括号风格 "callback-return": 1,       //避免多次调用回调什么的 "camelcase": 2,          //强制驼峰法命名 "comma-dangle": [2, "never"],   //对象字面量项尾不能有逗号 "comma-spacing": 0,        //逗号前后的空格 "comma-style": [2, "last"],    //逗号风格,换行时在行首还是行尾 "complexity": [0, 11],      //循环复杂度 "computed-property-spacing": [0, "never"],     //是否允许计算后的键名什么的 "consistent-return": 0,      //return 后面是否允许省略 "consistent-this": [2, "that"],  //this别名 "constructor-super": 0,      //非派生类不能调用super,派生类必须调用super "curly": [2, "all"],       //必须使用 if(){} 中的{} "default-case": 2,        //switch语句最后必须有default "dot-location": 0,        //对象访问符的位置,换行的时候在行首还是行尾 "dot-notation": [0, { "allowKeywords": true }],  //避免不必要的方括号 "eol-last": 0,          //文件以单一的换行符结束 "eqeqeq": 2,           //必须使用全等 "func-names": 0,         //函数表达式必须有名字 "func-style": [0, "declaration"], //函数风格,规定只能使用函数声明/函数表达式 "generator-star-spacing": 0,   //生成器函数*的前后空格 "guard-for-in": 0,        //for in循环要用if语句过滤 "handle-callback-err": 0,     //nodejs 处理错误 "id-length": 0,          //变量名长度 "indent": [2, 4],         //缩进风格 "init-declarations": 0,      //声明时必须赋初值 "key-spacing": [0, { "beforeColon": false, "afterColon": true }],  //对象字面量中冒号的前后空格 "lines-around-comment": 0,    //行前/行后备注 "max-depth": [0, 4],       //嵌套块深度 "max-len": [0, 80, 4],      //字符串最大长度 "max-nested-callbacks": [0, 2],  //回调嵌套深度 "max-params": [0, 3],       //函数最多只能有3个参数 "max-statements": [0, 10],    //函数内最多有几个声明 "new-cap": 2,           //函数名首行大写必须使用new方式调用,首行小写必须用不带new方式调用 "new-parens": 2,         //new时必须加小括号 "newline-after-var": 2,      //变量声明后是否需要空一行 "object-curly-spacing": [0, "never"],       //大括号内是否允许不必要的空格 "object-shorthand": 0,      //强制对象字面量缩写语法 "one-var": 1,           //连续声明 "operator-assignment": [0, "always"],       //赋值运算符 += -=什么的 "operator-linebreak": [2, "after"],        //换行时运算符在行尾还是行首 "padded-blocks": 0,        //块语句内行首行尾是否要空行 "prefer-const": 0,        //首选const "prefer-spread": 0,        //首选展开运算 "prefer-reflect": 0,       //首选Reflect的方法 "quotes": [1, "single"],     //引号类型 `` "" '' "quote-props":[2, "always"],   //对象字面量中的属性名是否强制双引号 "radix": 2,            //parseInt必须指定第二个参数 "id-match": 0,          //命名检测 "require-yield": 0,        //生成器函数必须有yield "semi": [2, "always"],      //语句强制分号结尾 "semi-spacing": [0, {"before": false, "after": true}],      //分号前后空格 "sort-vars": 0,          //变量声明时排序 "space-after-keywords": [0, "always"],       //关键字后面是否要空一格 "space-before-blocks": [0, "always"],        //不以新行开始的块{前面要不要有空格 "space-before-function-paren": [0, "always"],    //函数定义时括号前面要不要有空格 "space-in-parens": [0, "never"], //小括号里面要不要有空格 "space-infix-ops": 0,       //中缀操作符周围要不要有空格 "space-return-throw-case": 2,   //return throw case后面要不要加空格 "space-unary-ops": [0, { "words": true, "nonwords": false }],   //一元运算符的前/后要不要加空格 "spaced-comment": 0,       //注释风格要不要有空格什么的 "strict": 2,           //使用严格模式 "use-isnan": 2,          //禁止比较时使用NaN,只能用isNaN() "valid-jsdoc": 0,         //jsdoc规则 "valid-typeof": 2,        //必须使用合法的typeof的值 "vars-on-top": 2,         //var必须放在作用域顶部 "wrap-iife": [2, "inside"],    //立即执行函数表达式的小括号风格 "wrap-regex": 0,         //正则表达式字面量用小括号包起来 "yoda": [2, "never"]       //禁止尤达条件

 

标签:禁止,no,eslintrc,js,空格,Vue,使用,不能,new
From: https://www.cnblogs.com/emanlee/p/18006963

相关文章

  • Vue | babel.config.js 配置详解
    babel.config.js 1概述Babel相当于一个中介,一边是用户,另一边是浏览器。这几年,JavaScript发生了很大的变化,许多新特性在很多浏览器里都不支持。Babel的主要作用就是规避这些问题,可以确保JavaScript代码兼容所有的浏览器,比如IE11。2Babel的工作原理Babel使用AST把......
  • Vue .gitignore
    Vue.js是一种流行的开源JavaScript框架,被广泛用于构建现代化的Web应用程序。Vue.js用于构建用于数据响应的单页面应用程序,但是在处理大型项目时可能会出现许多临时文件和配置文件,这些文件可以使用.gitignore文件从Git跟踪中排除。Vue.js有一个标准的.gitignore文件......
  • vue 项目构建之 jsconfig.json 作用
    目录   vue项目构建之jsconfig.json作用   VScode的配置vue项目构建之jsconfig.json作用   由于webpack别名配置好以后,如果想要在vscold中可以正确提示路径,就需要配置jsconfig.json文件:   再项目目录下创建jsconfig.json文件{ "compilerOptions":{   "base......
  • 启动vue项目时发生了什么
    简介最近在做vue项目时,遇到一些vuecli方面的报错,于是便想深入研究一下vuecli。这里先简单写一篇,如果有更细致的探究,再另作打算。执行npmrundev前提是你已经安装了node,并且附带了npm。执行npmrundev时,npm会自动搜索当前目录下的package.json,找到scripts配置项中的dev脚本......
  • Vue mockjs mock.js
    https://www.jianshu.com/p/0d6a0bdce55c?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendationhttps://blog.csdn.net/cuclife/article/details/131119983        操作步骤           1)安装mockjs和axios:  ......
  • Vue .browserslistrc
    Vue .browserslistrc 在使用脚手架搭建项目时,会自动生成.browserslistrc文件,该文件只要是配置兼容浏览器对于部分配置参数做一些解释:">1%":代表着全球超过1%人使用的浏览器“last2versions”:表示所有浏览器兼容到最后两个版本“notie<=8”:表示IE浏览器版本大于8......
  • Vue .eslintignore
    Vue .eslintignore项目根目录如果没有 .eslintignore文件,需要手动添加即可 用法如下指定某文件夹包括里面的所有文件都忽略buildsrc/assets指定某文件夹里面的指定文件类型都忽略build/*.js指定某文件夹里面的指定文件忽略src/index.js指定某文件夹里的除......
  • Vue 生命周期
    https://www.bilibili.com/video/BV1ub4y1i78b?p=2 第五章什么是vue3的生命周期https://www.bilibili.com/video/BV1ua4y1u7N8/  Vue生命周期created,mounted        Created和mounted的区别Created:是在组件实例一旦创建完成的时候立即调......
  • Vue main.js
    Vue main.jsmain.js是项目的入口文件,项目中所有的页面都会加载main.jsmain.js配置定义:main.js是项目的入口文件,项目中所有的页面都会加载main.js。主要有三个作用: 1.实例化Vue。 2.放置项目中经常会用到的插件和CSS样式。3.存储全局变量。项目创建完毕,main.js中会有......
  • Vue App.vue
    Vue App.vueVue的App.vue文件是整个Vue项目中最核心的文件之一,它是所有组件的基础组件,也是整个Vue应用的入口文件。我们可以在 App.vue中定义一些全局的样式、组件、路由和状态管理等,从而方便其他组件的调用。App.vue内部包含三个主要部分:模板、逻辑代码和样式。其中......