使用vue-cli脚手架搭建项目,关于eslint语法检测配置

配置文件在项目根目录里,文件名以 .eslintrc.* 为名。

为了兼容以前写的代码,避免修改太多代码,把不符合自己习惯的规则去掉,简单配置代码:

module.exports = {
  root: true,parser: 'vue-eslint-parser'
  },env: {
    "browser": ],plugins: [
      'html'
  ],'rules': { // 0:关闭 1:警告 2:错误
    'arrow-parens': 0,箭头函数用小括号括起来
    'generator-star-spacing': 0,1)">生成器函数*的前后空格
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,1)">debugger
    'no-console': 0,1)">console打印
    "no-undef": 1,1)">未定义的变量
    "no-unused-vars": [0,{                                         声明后未被使用的变量或参数
      "vars": "local"
    }],"semi": [0],1)">语句分号结尾
    "no-multiple-empty-lines": [0,{"max": 100}],1)">空行最多不能超过100行
    "no-mixed-spaces-and-tabs": [0],1)">禁止混用tab和空格
    "no-tabs": 'off'逗号前后的空格
    "keyword-spacing":0,   关键字前后必须有空格 如 } else {
    "no-irregular-whitespace": 0,1)">不能有不规则的空格
    "no-multi-spaces": 0,1)">不能用多余的空格
    "spaced-comment":0,                                       注释前必须有空格
    "indent": ["off",2nodejs 处理错误
    "padded-blocks": 0,1)">块语句内行首行尾是否要空行
    "camelcase": 0,1)">强制驼峰法命名
    "space-before-function-paren": 0,1)">函数定义时括号前面要不要有空格
    "eqeqeq":0,1)">比较的时候使用严格等于
    "eol-last":0一行最后不允许有空格
    "space-before-blocks":0,1)">块前的空格
    "comma-dangle": ["error","never"],1)">是否允许对象中出现结尾逗号
  }
}

配置规则:

  • "off"或者0 //关闭规则关闭
  • "warn"或者1 //在打开的规则作为警告(不影响退出代码)
  • "error"或者2 //把规则作为一个错误(退出代码触发时为1)

具体规则详情:https://eslint.org/docs/rules/no-unused-vars

常见的规则列表:

"no-alert": 0,1)">禁止使用alert confirm prompt
"no-array-constructor": 2,1)">禁止使用数组构造器
"no-bitwise": 0,1)">禁止使用按位运算符
"no-caller": 1,1)">禁止使用arguments.caller或arguments.callee
"no-catch-shadow": 2,1)">禁止catch子句参数与外部作用域变量同名
"no-class-assign": 2,1)">禁止给类赋值
"no-cond-assign": 2,1)">禁止在条件表达式中使用赋值语句
"no-console": 2,1)">禁止使用console
"no-const-assign": 2,1)">禁止修改const声明的变量
"no-constant-condition": 2,1)">禁止在条件中使用常量表达式 if(true) if(1)
"no-continue": 0,1)">禁止使用continue
"no-control-regex": 2,1)">禁止在正则表达式中使用控制字符
"no-debugger": 2,1)">禁止使用debugger
"no-delete-var": 2,1)">不能对var声明的变量使用delete操作符
"no-div-regex": 1,1)">不能使用看起来像除法的正则表达式/=foo/
"no-dupe-keys": 2,1)">在创建对象字面量时不允许键重复 {a:1,a:1}
"no-dupe-args": 2,1)">函数参数不能重复
"no-duplicate-case": 2,1)">switch中的case标签不能重复
"no-else-return": 2,1)">如果if语句里面有return,后面不能跟else语句
"no-empty": 2,1)">块语句中的内容不能为空
"no-empty-character-class": 2,1)">正则表达式中的[]内容不能为空
"no-empty-label": 2,1)">禁止使用空label
"no-eq-null": 2,1)">禁止对null使用==或!=运算符
"no-eval": 1,1)">禁止使用eval
"no-ex-assign": 2,1)">禁止给catch语句中的异常参数赋值
"no-extend-native": 2,1)">禁止扩展native对象
"no-extra-bind": 2,1)">禁止不必要的函数绑定
"no-extra-boolean-cast": 2,1)">禁止不必要的bool转换
"no-extra-parens": 2,1)">禁止非必要的括号
"no-extra-semi": 2,1)">禁止多余的冒号
"no-fallthrough": 1,1)">禁止switch穿透
"no-floating-decimal": 2,1)">禁止省略浮点数中的0 .5 3.
"no-func-assign": 2,1)">禁止重复的函数声明
"no-implicit-coercion": 1,1)">禁止隐式转换
"no-implied-eval": 2,1)">禁止使用隐式eval
"no-inline-comments": 0,1)">禁止行内备注
"no-inner-declarations": [2,"functions"],1)">禁止在块语句中使用声明(变量或函数)
"no-invalid-regexp": 2,1)">禁止无效的正则表达式
"no-invalid-this": 2,1)">禁止无效的this,只能用在构造器,类,对象字面量
"no-irregular-whitespace": 2,1)">不能有不规则的空格
"no-iterator": 2,1)">禁止使用__iterator__ 属性
"no-label-var": 2,1)">label名不能与var声明的变量名相同
"no-labels": 2,1)">禁止标签声明
"no-lone-blocks": 2,1)">禁止不必要的嵌套块
"no-lonely-if": 2,1)">禁止else语句内只有if语句
"no-loop-func": 1,1)">禁止在循环中使用函数(如果没有引用外部变量不形成闭包就可以)
"no-mixed-requires": [0,1)">false],1)">声明时不能混用声明类型
"no-mixed-spaces-and-tabs": [2,1)">禁止混用tab和空格
"linebreak-style": [0,"windows"],1)">换行风格
"no-multi-spaces": 1,1)">不能用多余的空格
"no-multi-str": 2,1)">字符串不能用\换行
"no-multiple-empty-lines": [1,{"max": 2}],1)">空行最多不能超过2行
"no-native-reassign": 2,1)">不能重写native对象
"no-negated-in-lhs": 2,1)">in 操作符的左边不能有!
"no-nested-ternary": 0,1)">禁止使用嵌套的三目运算
"no-new": 1,1)">禁止在使用new构造一个实例后不赋值
"no-new-func": 1,1)">禁止使用new Function
"no-new-object": 2,1)">禁止使用new Object()
"no-new-require": 2,1)">禁止使用new require
"no-new-wrappers": 2,1)">禁止使用new创建包装实例,new String new Boolean new Number
"no-obj-calls": 2,1)">不能调用内置的全局对象,比如Math() JSON()
"no-octal": 2,1)">禁止使用八进制数字
"no-octal-escape": 2,1)">禁止使用八进制转义序列
"no-param-reassign": 2,1)">禁止给参数重新赋值
"no-path-concat": 0,1)">node中不能使用__dirname或__filename做路径拼接
"no-plusplus": 0,1)">禁止使用++,--
"no-process-env": 0,1)">禁止使用process.env
"no-process-exit": 0,1)">禁止使用process.exit()
"no-proto": 2,1)">禁止使用__proto__属性
"no-redeclare": 2,1)">禁止重复声明变量
"no-regex-spaces": 2,1)">禁止在正则表达式字面量中使用多个空格 /foo bar/
"no-restricted-modules": 0,1)">如果禁用了指定模块,使用就会报错
"no-return-assign": 1,1)">return 语句中不能有赋值表达式
"no-script-url": 0,1)">禁止使用javascript:void(0)
"no-self-compare": 2,1)">不能比较自身
"no-sequences": 0,1)">禁止使用逗号运算符
"no-shadow": 2,1)">外部作用域中的变量不能与它所包含的作用域中的变量或参数同名
"no-shadow-restricted-names": 2,1)">严格模式中规定的限制标识符不能作为声明时的变量名使用
"no-spaced-func": 2,1)">函数调用时 函数名与()之间不能有空格
"no-sparse-arrays": 2,1)">禁止稀疏数组, [1,2]
"no-sync": 0,1)">nodejs 禁止同步方法
"no-ternary": 0,1)">禁止使用三目运算符
"no-trailing-spaces": 1,1)">一行结束后面不要有空格
"no-this-before-super": 0,1)">在调用super()之前不能使用this或super
"no-throw-literal": 2,1)">禁止抛出字面量错误 throw "error";
"no-undef": 1,1)">不能有未定义的变量
"no-undef-init": 2,1)">变量初始化时不能直接给它赋值为undefined
"no-undefined": 2,1)">不能使用undefined
"no-unexpected-multiline": 2,1)">避免多行表达式
"no-underscore-dangle": 1,1)">标识符不能以_开头或结尾
"no-unneeded-ternary": 2,1)">禁止不必要的嵌套 var isYes = answer === 1 ? true : false;
"no-unreachable": 2,1)">不能有无法执行的代码
"no-unused-expressions": 2,1)">禁止无用的表达式
"no-unused-vars": [2,{"vars": "all","args": "after-used"}],1)">不能有声明后未被使用的变量或参数
"no-use-before-define": 2,1)">未定义前不能使用
"no-useless-call": 2,1)">禁止不必要的call和apply
"no-void": 2,1)">禁用void操作符
"no-var": 0,1)">禁用var,用let和const代替
"no-warning-comments": [1,{ "terms": ["todo","fixme","xxx"],"location": "start" }],1)">不能有警告备注
"no-with": 2,1)">禁用with
 
"array-bracket-spacing": [2,1)">是否允许非空数组里面有多余的空格
"arrow-parens": 0,1)">箭头函数用小括号括起来
"arrow-spacing": 0,1)">=>的前/后括号
"accessor-pairs": 0,1)">在对象中使用getter/setter
"block-scoped-var": 0,1)">块语句中使用var
"brace-style": [1,"1tbs"],1)">大括号风格
"callback-return": 1,1)">避免多次调用回调什么的
"camelcase": 2,1)">强制驼峰法命名
"comma-dangle": [2,1)">对象字面量项尾不能有逗号
"comma-spacing": 0,1)">逗号前后的空格
"comma-style": [2,"last"],1)">逗号风格,换行时在行首还是行尾
"complexity": [0,11],1)">循环复杂度
"computed-property-spacing": [0,1)">是否允许计算后的键名什么的
"consistent-return": 0,1)">return 后面是否允许省略
"consistent-this": [2,"that"],1)">this别名
"constructor-super": 0,1)">非派生类不能调用super,派生类必须调用super
"curly": [2,"all"],1)">必须使用 if(){} 中的{}
"default-case": 2,1)">switch语句最后必须有default
"dot-location": 0,1)">对象访问符的位置,换行的时候在行首还是行尾
"dot-notation": [0,{ "allowKeywords": true }],1)">避免不必要的方括号
"eol-last": 0,1)">文件以单一的换行符结束
"eqeqeq": 2,1)">必须使用全等
"func-names": 0,1)">函数表达式必须有名字
"func-style": [0,"declaration"],1)">函数风格,规定只能使用函数声明/函数表达式
"generator-star-spacing": 0,1)">生成器函数*的前后空格
"guard-for-in": 0,1)">for in循环要用if语句过滤
"handle-callback-err": 0,1)">nodejs 处理错误
"id-length": 0,1)">变量名长度
"indent": [2,4],1)">缩进风格
"init-declarations": 0,1)">声明时必须赋初值
"key-spacing": [0,{ "beforeColon": false,"afterColon": 对象字面量中冒号的前后空格
"lines-around-comment": 0,1)">行前/行后备注
"max-depth": [0,1)">嵌套块深度
"max-len": [0,80,1)">字符串最大长度
"max-nested-callbacks": [0,2],1)">回调嵌套深度
"max-params": [0,3],1)">函数最多只能有3个参数
"max-statements": [0,10],1)">函数内最多有几个声明
"new-cap": 2,1)">函数名首行大写必须使用new方式调用,首行小写必须用不带new方式调用
"new-parens": 2,1)">new时必须加小括号
"newline-after-var": 2,1)">变量声明后是否需要空一行
"object-curly-spacing": [0,1)">大括号内是否允许不必要的空格
"object-shorthand": 0,1)">强制对象字面量缩写语法
"one-var": 1,1)">连续声明
"operator-assignment": [0,"always"],1)">赋值运算符 += -=什么的
"operator-linebreak": [2,"after"],1)">换行时运算符在行尾还是行首
"padded-blocks": 0,1)">块语句内行首行尾是否要空行
"prefer-const": 0,1)">首选const
"prefer-spread": 0,1)">首选展开运算
"prefer-reflect": 0,1)">首选Reflect的方法
"quotes": [1,"single"],1)">引号类型 `` "" ''
"quote-props":[2,1)">对象字面量中的属性名是否强制双引号
"radix": 2,1)">parseInt必须指定第二个参数
"id-match": 0,1)">命名检测
"require-yield": 0,1)">生成器函数必须有yield
"semi": [2,1)">语句强制分号结尾
"semi-spacing": [0,{"before": true}],1)">分号前后空格
"sort-vars": 0,1)">变量声明时排序
"space-after-keywords": [0,1)">关键字后面是否要空一格
"space-before-blocks": [0,1)">不以新行开始的块{前面要不要有空格
"space-before-function-paren": [0,1)">函数定义时括号前面要不要有空格
"space-in-parens": [0,1)">小括号里面要不要有空格
"space-infix-ops": 0,1)">中缀操作符周围要不要有空格
"space-return-throw-case": 2,1)">return throw case后面要不要加空格
"space-unary-ops": [0,{ "words": true,"nonwords": false }],1)">一元运算符的前/后要不要加空格
"spaced-comment": 0,1)">注释风格要不要有空格什么的
"strict": 2,1)">使用严格模式
"use-isnan": 2,1)">禁止比较时使用NaN,只能用isNaN()
"valid-jsdoc": 0,1)">jsdoc规则
"valid-typeof": 2,1)">必须使用合法的typeof的值
"vars-on-top": 2,1)">var必须放在作用域顶部
"wrap-iife": [2,"inside"],1)">立即执行函数表达式的小括号风格
"wrap-regex": 0,1)">正则表达式字面量用小括号包起来
"yoda": [2,"never"]禁止尤达条件

参考地址:

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


https://segmentfault.com/a/1190000022018995 https://www.jianshu.com/p/8c3599dda094 vuex教程中,有这样一句话和这样一段代码: 实践中,我们会经常用到 ES2015 的参数解构来简化代码(特别是我们需要调用commi
ES6 (ECMAScript 6)中的模块是一个包含 JavaScript 代码的文件,在这个模块中所有的变量都对其他模块是不可见的,除非我们导出它。 ES6的模块系统大致分为导出(export)和导入(import)两个模块。 1、模块导出(export) 可以 导出 所有的最外层 函数 、 类
from https://mp.weixin.qq.com/s/-rc1lYYlsfx-wR4mQmIIQQ Vue知识点汇总(含Vue3) 一、Vue 基础 1. Vue的基本原理 当一个Vue实例创建时,Vue会遍历data中的属性,用 Object.defineProperty(vue3.0使
D:\Temp>npm init vite@latest vue3study --template vuenpm ERR! code ETIMEDOUTnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.np
文章浏览阅读1.2k次。最近自己从零撸起的甘特图组件需要子组件的滚动条同步滚动这就涉及到子组件之间的互相通信,通过 消息总线可以达到我们的需求 ,首先建立一个标志位,拖动左边滚动条的时候,右边的滚动条事件不处理,反之拖动右边滚动条时,左边的滚动条事件不做处理,建立一个公共的变量用于两者的互斥store.jsimport Vue from 'vue'export let store = Vue.observable({ scrollFlag: true})export let mutations =.._vue 能不能同时有两个滚动事件
文章浏览阅读3.3k次,点赞3次,收藏16次。静默打印是什么?简单来说就是不需要用户点击"打印",自动去打印,但是使用浏览器web打印不可避免的要弹出以下画面面对这种问题也只能用"富客户端"技术来解决,在浏览器的沙盒安全模型中无法做到,那么只能使用插件的技术,这个我们就不自己花力气去做了,我找来了 lodop 这个免费的打印组件,功能还是挺强大的,下载下图的发行包解压后安装下图两个exe如果你的系统是64位的,可以安装install_lodop64.exe上图的LodopFuncs.js 是客户端要使用的核心库文件..._this.$getlodop().then((lodop) =>{
文章浏览阅读1.7k次。个人觉得大屏展示其实很简单,噱头多过技术含量,下面使用了 DataV (不是阿里的那个DataV哈,具体链接在这里)开发了一个大屏展示,使用了css flex弹性布局,使用了DataV的一些比较酷炫的边框(SVG写的),基本上功能没有全部完成,但是模子已经刻出来了,只是后端推送的内容没有全部写出来前端<template> <dv-full-screen-container class="screen-container"> <div class="ti_用signalr做一个简单的实时大屏显示
文章浏览阅读3.4k次,点赞3次,收藏10次。【说明】导入的Excel 字体颜色和背景色只能识别【标准色】,别的如"主题颜色",exceljs 解析出来不是颜色值。导入的样式包括字体,字号,列宽,合并单元格,【部分能识别】的背景色,文字颜色。导入到 x-data-spreadsheet 如下图。原Excel样式如下。_x-data-spreadsheet
文章浏览阅读1.7k次。之前参考某文章把 router-view 放在 el-tab-pane 外面都不起作用,问题根本不是出在 el-tab-pane,而是v-for 里面有多个route-view , keep-alive 时 tab 并未销毁掉,而是缓存隐藏了起来。需要把 router-view 的 name 与路由的 index.js 名称对应起来。之前参照很多文章修改试图修正这个问题,结果都徒劳,终于让我找到。我做了如下修改,主页面 main.vue。_el-tab-pane 后面接router-view
文章浏览阅读533次。今天在一台虚拟机上面运行老项目,报各种类型上图的错误提示,一开始还以为是less的问题,结果一个个装完还是报错,后面又说webpack, webpack cli有问题,头有点大了,google 一下,发现一个命令。讨论这个命令的文章,可以了解一下。运行以后终于出现了期待已久的。_npm install 忽略依赖
文章浏览阅读8k次,点赞3次,收藏12次。从这篇文章得到启发先定义一个组件从外部接收Template,然后在组件里调用<template > <div ref="markedContent"></div></template><script>import Vue from 'vue/dist/vue.esm.js'export default { name: 'wf-marked-content', props: ['content'], mounte.._vue components 动态传入模板
文章浏览阅读5.4k次。参考上一篇知识开发的一个功能,制作一个打印模板的管理模块,如下(就是保存froala编辑后的html文本,其中包括Vue的Template,这样我们可以利用Vue的模板的优势来动态绑定一些数据源进行HTML的打印,基本上跟过去水晶报表做一个模板再绑定数据源的方法异曲同工)在 main.js 里引用 froala 组件// Import and use Vue Froala lib.import VueFroala from 'vue-froala-wysiwyg'// 引入 Fr.._vue设计网页打印模板
文章浏览阅读992次。计划是这样,公司的项目一直在持续改动,安装包总是需要频繁生成新的,由此我想到了"持续集成"!有自动化工具不用,岂不可惜?这周的主要时间就用来学习CruiseControl.Net全面实现持续集成_怎么在vue的 script部分使用 eldigloa
文章浏览阅读1.2k次。其实Element UI 只用了文字提示的 el-tooltip 组件,不喜欢可以去掉,不记得是从哪拿到的原始代码,我给加了高亮渐变显示,图标,和拖拽时只能拖拽图标的位置,效果如上图,可以水平方向拖动,也可以垂直方向拖动。样式是less写的,css写嵌套样式太繁琐了。拿来主义,改造有理!下面贴代码<template> <div ref="splitPane" class="split-pane" :class="direction" :"{ fl..._element ui拉条样式
文章浏览阅读953次,点赞2次,收藏2次。接上一篇,这次加入的是从x-speadsheet导出Excel,并且带有x-speadsheet中的样式,重点关注 exportExcel 这个方法,我加入了 tinycolor 这个库用来翻译颜色值,值得注意的是, exceljs的颜色值是 argb 不是 rgba,一定不要弄混了a 是代表的透明度放在最前面_x-data-spreadsheet 导出
文章浏览阅读5.5k次,点赞2次,收藏21次。尝试了两个连线库 jsplumb 和 leadline ,其实两个库都很强大,但是基于个人使用的习惯,决定还是用 leadline ,在Vue 下我使用它的一个包装库 leader-line-vue 下面是上图的连接线示例代码,连接线很轻松的就实现了一个渐变效果..._vue 连线
文章浏览阅读4.2k次,点赞2次,收藏5次。首先官网推荐的安装方法没有生成dist文件,导致样式表等这些文件并没有生成npm install element-plus --save以上方法是有问题的,如果不幸执行了上面的命令,那么先执行卸载npm uninstall element-plus删除 main.js文件对element ui的引用,输入以下命令vue add element-plus..._elementui3.0
文章浏览阅读3.1k次。如上图,下面贴代码<template> <div> <el-date-picker size="large" style ="width:120px" v-model="selectYear" format="yyyy 年" value-format="yyyy" type="year" :clearable = "false" placeholder="选择年">.._vue多选周
文章浏览阅读1.8k次,点赞6次,收藏6次。经过 2021年的一个春节,从年前到现在,大致撸出一个 甘特图,进度条是用SVG画的,使用了几个工具库 (interactjs 用来处理拖拽和修改尺寸,snap.svg 用来处理 svg 的dom 操作,moment.js用来处理时间的操作),其他没有依赖任何的UI组件,目前初见雏形,还比较粗糙,后面会不断更新源码地址点击期间也摸索了怎么把vs code的项目上传到 GitHub 上面进行源代码的管理,基本上是参考的这篇文章做的..._vue gantt demo
文章浏览阅读2.1k次。接上两篇vue 下使用 exceljs + x-spreadsheet 带样式导入Excelvue 下使用 exceljs + x-spreadsheet 带样式导出Excel下面封装好一个组件调用组件的页面效果如图,目前“导出Json”还没有做_x-spreadsheet导入导出