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

相关文章

部署Vue项目到服务器后404错误的原因及解决方案

《部署Vue项目到服务器后404错误的原因及解决方案》文章介绍了Vue项目部署步骤以及404错误的解决方案,部署步骤包括构建项目、上传文件、配置Web服务器、重启Nginx和访问域名,404错误通常是... 目录一、vue项目部署步骤二、404错误原因及解决方案错误场景原因分析解决方案一、Vue项目部署步骤

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

golang内存对齐的项目实践

《golang内存对齐的项目实践》本文主要介绍了golang内存对齐的项目实践,内存对齐不仅有助于提高内存访问效率,还确保了与硬件接口的兼容性,是Go语言编程中不可忽视的重要优化手段,下面就来介绍一下... 目录一、结构体中的字段顺序与内存对齐二、内存对齐的原理与规则三、调整结构体字段顺序优化内存对齐四、内

CSS弹性布局常用设置方式

《CSS弹性布局常用设置方式》文章总结了CSS布局与样式的常用属性和技巧,包括视口单位、弹性盒子布局、浮动元素、背景和边框样式、文本和阴影效果、溢出隐藏、定位以及背景渐变等,通过这些技巧,可以实现复杂... 一、单位元素vm 1vm 为视口的1%vh 视口高的1%vmin 参照长边vmax 参照长边re

配置springboot项目动静分离打包分离lib方式

《配置springboot项目动静分离打包分离lib方式》本文介绍了如何将SpringBoot工程中的静态资源和配置文件分离出来,以减少jar包大小,方便修改配置文件,通过在jar包同级目录创建co... 目录前言1、分离配置文件原理2、pom文件配置3、使用package命令打包4、总结前言默认情况下,

CSS3中使用flex和grid实现等高元素布局的示例代码

《CSS3中使用flex和grid实现等高元素布局的示例代码》:本文主要介绍了使用CSS3中的Flexbox和Grid布局实现等高元素布局的方法,通过简单的两列实现、每行放置3列以及全部代码的展示,展示了这两种布局方式的实现细节和效果,详细内容请阅读本文,希望能对你有所帮助... 过往的实现方法是使用浮动加

css渐变色背景|<gradient示例详解

《css渐变色背景|<gradient示例详解》CSS渐变是一种从一种颜色平滑过渡到另一种颜色的效果,可以作为元素的背景,它包括线性渐变、径向渐变和锥形渐变,本文介绍css渐变色背景|<gradien... 使用渐变色作为背景可以直接将渐China编程变色用作元素的背景,可以看做是一种特殊的背景图片。(是作为背

python实现简易SSL的项目实践

《python实现简易SSL的项目实践》本文主要介绍了python实现简易SSL的项目实践,包括CA.py、server.py和client.py三个模块,文中通过示例代码介绍的非常详细,对大家的学习... 目录运行环境运行前准备程序实现与流程说明运行截图代码CA.pyclient.pyserver.py参

CSS自定义浏览器滚动条样式完整代码

《CSS自定义浏览器滚动条样式完整代码》:本文主要介绍了如何使用CSS自定义浏览器滚动条的样式,包括隐藏滚动条的角落、设置滚动条的基本样式、轨道样式和滑块样式,并提供了完整的CSS代码示例,通过这些技巧,你可以为你的网站添加个性化的滚动条样式,从而提升用户体验,详细内容请阅读本文,希望能对你有所帮助...

css实现图片旋转功能

《css实现图片旋转功能》:本文主要介绍了四种CSS变换效果:图片旋转90度、水平翻转、垂直翻转,并附带了相应的代码示例,详细内容请阅读本文,希望能对你有所帮助... 一 css实现图片旋转90度.icon{ -moz-transform:rotate(-90deg); -webkit-transfo