vue项目中Eslint标准配置

2024-08-27 08:58

本文主要是介绍vue项目中Eslint标准配置,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

  rules: {'arrow-parens': 0, // 箭头函数用小括号括起来'arrow-spacing': 0, // =>的前/后括号'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off','no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',warn: 'off','no-undef': 1, // 是否可用全局变量'no-use-before-define': 'off', // 禁止提前使用'no-unused-vars': [//不能有声明后未被使用的变量或参数2,{vars: 'all',args: 'none'}],'no-shadow-restricted-names': 1, // js关键字和保留字不能作为函数名或者变量名// 使用两个空格进行缩进,indent: [2,2,{SwitchCase: 1 // case 针对 switch 语句使用 2 个空格缩进}],'no-spaced-func': 2, // 函数调用时,函数名与()之间不能有空格'vars-on-top': 1, // var必须放在作用域顶部'no-empty': 1, // 不允许出现空的代码块'no-mixed-spaces-and-tabs': [1], // 不允许混用tab和空格'keyword-spacing': 1, // 在关键字前后强制使用一致的间距(关键字间距)'array-bracket-spacing': 1, // 强制数组方括号中使用一致的空格'no-redeclare': 2, // 禁止重复声明变量'no-unreachable': 2, // 不能有无法执行的代码'no-class-assign': 2, //禁止给类赋值'no-cond-assign': 2, //禁止在条件表达式中使用赋值语句'no-const-assign': 2, // 禁止修改const声明的变量'no-constant-condition': 2, // 禁止在条件中使用常量表达式 if(true) if(1)'no-dupe-keys': 2, // 在创建对象字面量时不允许键重复 {a:1,a:1}'no-dupe-class-members': 2, //不允许类中出现重复的声明'no-dupe-args': 2, // 函数参数不能重复'no-func-assign': 2, // 禁止重复的函数声明'no-duplicate-case': 2, // switch中的case标签不能重复'no-extra-bind': 2, //禁止不必要的函数绑定'no-extra-boolean-cast': 2, //禁止不必要的bool转换'no-extra-semi': 2, // 禁止多余的冒号'new-parens': 2, //new时必须加小括号'block-spacing': ['error', 'always'],'key-spacing': [0, { beforeColon: false, afterColon: true }], // 对象字面量中冒号的前后空格'newline-after-var': 2, // 变量声明后是否需要空一行'comma-style': [1, 'last'], // 逗号风格,换行时在行首还是行尾// @fixable 对象字面量只有一行时,大括号内的首尾必须有空格'object-curly-spacing': ['error','always',{arraysInObjects: true,objectsInObjects: true}],quotes: [// 引号类型 `` "" ''2,'single',{avoidEscape: true,allowTemplateLiterals: true}],// @fixable function 的小括号之前必须要有空格'space-before-function-paren': ['off',{anonymous: 'always',named: 'never',asyncArrow: 'always'}],// @fixable 禁止出现超过三行的连续空行'no-multiple-empty-lines': ['error',{max: 2,maxEOF: 1,maxBOF: 1}],'eol-last': 1 // 文件以换行符结束}

这篇关于vue项目中Eslint标准配置的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1111212

相关文章

SpringBoot项目中报错The field screenShot exceeds its maximum permitted size of 1048576 bytes.的问题及解决

《SpringBoot项目中报错ThefieldscreenShotexceedsitsmaximumpermittedsizeof1048576bytes.的问题及解决》这篇文章... 目录项目场景问题描述原因分析解决方案总结项目场景javascript提示:项目相关背景:项目场景:基于Spring

解决Maven项目idea找不到本地仓库jar包问题以及使用mvn install:install-file

《解决Maven项目idea找不到本地仓库jar包问题以及使用mvninstall:install-file》:本文主要介绍解决Maven项目idea找不到本地仓库jar包问题以及使用mvnin... 目录Maven项目idea找不到本地仓库jar包以及使用mvn install:install-file基

springboot项目如何开启https服务

《springboot项目如何开启https服务》:本文主要介绍springboot项目如何开启https服务方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录springboot项目开启https服务1. 生成SSL证书密钥库使用keytool生成自签名证书将

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

将Java项目提交到云服务器的流程步骤

《将Java项目提交到云服务器的流程步骤》所谓将项目提交到云服务器即将你的项目打成一个jar包然后提交到云服务器即可,因此我们需要准备服务器环境为:Linux+JDK+MariDB(MySQL)+Gi... 目录1. 安装 jdk1.1 查看 jdk 版本1.2 下载 jdk2. 安装 mariadb(my

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

前端CSS Grid 布局示例详解

《前端CSSGrid布局示例详解》CSSGrid是一种二维布局系统,可以同时控制行和列,相比Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,:本文主要介绍前端CSSGri... 目录css Grid 布局详解(通俗易懂版)一、概述二、基础概念三、创建 Grid 容器四、定义网格行和列五、设置行