Vue项目中ESlint规范示例代码

  

  

eslint是一种代码风格管理的工具,可以制定一些代码编写规范,在vue项目中经常用的到,本文就给大家分享了开发项目中使用的eslint校验规范,供参考:
  

  

        模块。出口={   根:没错,   parserOptions: {   解析:“babel-eslint”,   sourceType:“模块”   },   env: {   浏览器:没错,   节点:没错,   es6:没错,   },   延伸:[“插件:vue/至关重要”,“eslint:推荐”),   规则:{//等级分为三级:0 -不显示;1 -显示警告警告;2 -显示错误的错误/////////////////////////vue。规范////////////////////////皏ue/max-attributes-per-line”(1,{://多个特性的元素应该分多行撰写,每个特性一行   “单行模式”:10   “多行”:{   “马克斯”:1、   “allowFirstLine”:假的   }   }),   “vue/singleline-html-element-content-newline”: 0,//在单行元素的内容前后需要换行符   “vue/multiline-html-element-content-newline”: 0,//在多行元素的内容之前和之后需要换行符   “vue/name-property-casing”: 1,“PascalCase”,//JS/JSX中的组件名应该始终是帕斯卡命名法   “vue/no-v-html”: 0,   “vue/prop-name-casing”: 1,“camelCase”,//在声明道具的时候,其命名应该始终使用驼峰命名   “vue/require-v-for-key”: 1、//给v代表设置键值,与键结合使用,可以高效的更新虚拟DOM   “vue/no-use-v-if-with-v-for”: [2, {   “allowUsingIterationVar”:假的   },//不要把v和v代表用在同一个元素上,因为v代表比v具有更高的优先级   “vue/order-in-components”:[0,{//组件/实例的选项的顺序   “秩序”:(   “el”,   “名称”,   “父母”,   “功能”,   (“分隔符”、“评论”),   [“组件”,“指令”,“过滤器”),   “扩展”,   “混合”,   “inheritAttrs”,   “模型”,   (“道具”、“propsData”),   “数据”,   “计算”,   “看”,   “LIFECYCLE_HOOKS”,   “方法”,   “模板”,“渲染”,   “renderError”   ]   }),/////////////////////////js。规范////////////////////////癮ccessor-pairs”: 2//在对象中强制使用getter/setter   “arrow-spacing”:[2,{//在箭头函数之前/之后需要空格   “之前”:没错,   “后”:真的   }),   “block-spacing”:[2,“总是”],//在打开块之后和关闭块之前,禁止或强制执行块内部的空格   “brace-style”: [1 1 tbs的{//需要大括号样式   “allowSingleLine”:真的   }),   “camelcase”:[0,{//需要驼峰命名   “属性”:“总是”   }),   “comma-dangle”:(2, '永远']//要求或禁止使用尾随逗号;最后一个属性是不需要逗号   “comma-spacing”:[2,{//强制逗号旁边的间距:左右一个空格   “之前”:假的,   “后”:真的   }),   “comma-style”:[2,“最后”),//逗号风格   “constructor-super”: 2//构建方法中使用超级方法   “大”:2,“多行”,   “dot-location”: 1,“财产”,//在点之前和之后强制换行   “eol-last”: 2//在文件末尾要求或禁止换行   “eqeqeq”:[0,“总是”,{“零”:“忽略”}],//是否使用全等   “generator-star-spacing”:[2,{//在生成器函数中强制执行*周围的间距   “之前”:没错,   “后”:真的   }),   “handle-callback-err”: [1, ' ^ (err |错误)的美元),//强制执行回调错误处理   “缩进”:[2,2,{//强制执行一致的缩进   “SwitchCase”: 1   }),   “jsx-quotes”: (2, ' prefer-single ']//强制在JSX文件中一致使用单引号   “键间距”:[2,{//在对象属性中强制键和值之间的一致间距   “beforeColon”:假的,   “afterColon”:真的   }),   “keyword-spacing”:[2,{//关键字前后强制执行一致的间距   “之前”:没错,   “后”:真的   }),   “新的控油罩”:[2,{//要求构造函数名称以大写字母开的头   “newIsCap”:没错,   “capIsNew”:假的   }),   “new-parens”: 2//调用不带参数的函数时需要括号   “no-array-constructor”: 2//禁止阵列构建器   “里”:2//禁止使用来电者/被叫者   “no-console”:“离开”,//不允许使用控制台   “no-class-assign”: 2//禁止修改类声明的变量   “no-cond-assign”: 2//在条件语句中禁止赋值运算符   “no-const-assign”: 2//禁止修改使用常量声明的变量   “no-control-regex”: 0,//禁止正则表达式中的控制字符   “no-delete-var”: 2//禁止删除变量   “no-dupe-args”: 2//在函数定义中禁止重复参数   “no-dupe-class-members”: 2//禁止在类成员中重复名称   “no-dupe-keys”: 2//禁止对象重复声明属性   “no-duplicate-case”: 2//规则禁止重复案例标签   “no-empty-character-class”: 2//禁止在正则表达式中使用空字符类   “no-empty-pattern”: 2//不允许空的解构模式   “no-eval”: 2//禁止使用eval ()   “no-ex-assign”: 2//禁止在catch子句中重新分配异常   “no-extend-native”: 2//禁止扩展原生对象   “no-extra-bind”: 2//禁止不必要的功能绑定   “no-extra-boolean-cast”: 2//禁止不必要的布尔类型转换   “no-extra-parens”:[2,“功能”],//禁止不必要的括号   “no-fallthrough”: 2//禁止太多陈述描述   “no-floating-decimal”: 2//禁止浮动小数   “no-func-assign”: 2//禁止重新分配函数声明   “no-implied-eval”: 2   “no-inner-declarations”:[2,“功能”],//禁止嵌套块中的变量或函数声明   “no-invalid-regexp”: 2//禁止在正则表达式中使用无效的正则表达式字符串   “no-irregular-whitespace”: 2//不允许不规则的空白   “no-iterator”: 2//禁止迭代器   “no-label-var”: 2//禁止变量名称的标签   “任何标签”:[2,{   “allowLoop”:假的,   “allowSwitch”:假的   }),   “no-lone-blocks”: 2//禁止不必要的嵌套块   “no-mixed-spaces-and-tabs”: 2//禁止使用混合空格和制表符进行缩进   “no-multi-spaces”: 2//禁止多个空格   “no-multi-str”: 2//禁止多行字符串   “no-multiple-empty-lines”:[2,{//禁止多个空行   “马克斯”:1   }),   “no-native-reassign”: 2   “no-negated-in-lhs”: 2   “no-new-object”: 2   “no-new-require”: 2   “no-new-symbol”: 2   “no-new-wrappers”: 2   “no-obj-calls”: 2   “no-octal”: 2   “no-octal-escape”: 2   “no-path-concat”: 2   “no-proto”: 2   “no-redeclare”: 2   “no-regex-spaces”: 2   “no-return-assign”: (2, ' except-parens '),   “no-self-assign”: 2   “no-self-compare”: 2   “no-sequences”: 2   “no-shadow-restricted-names”: 2   “no-spaced-func”: 2   “no-sparse-arrays”: 2   “no-this-before-super”: 2   “no-throw-literal”: 2   “no-trailing-spaces”: 2   “no-undef”: 0,   “no-undef-init”: 2   “no-unexpected-multiline”: 2   “no-unmodified-loop-condition”: 2//禁止未修改的循环条件   “no-unneeded-ternary”:[2,{//当存在更简单的替代方案时,不允许三元运算符   “defaultAssignment”:假的   }),   “no-unreachable”: 2//返回,抛出,继续和中断语句后禁止无法访问的代码   “no-unsafe-finally”: 2//禁止最后块中的控制流语句   “no-unused-vars”:[1,{//禁止使用未声明的变量   “var”:“所有”,   “参数”:“没有”   }),   “no-useless-call”: 2//禁止不必要的电话()和应用()方法   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null

Vue项目中ESlint规范示例代码