vue项目中开启Eslint碰到的一些问题及其规范
eslint是一种代码风格管理的工具,可以制定一些代码编写规范,在vue项目中经常用到
1、'layer' is defined but never used 这是定义了一个变量但是未使用到该变量,vue经常需要在全局进行声明,以便任何组件都能用到,但是经常会这样警告
可以在 .eslintrc.js 文件中修改配置,增加如下代码:
rules: {// allow async-await'generator-star-spacing': 'off',// allow debugger during development'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',"no-tabs":"off","no-unused-vars":"off"}
2、最多的经常会碰到空格报错,去掉空格报错增加如下代码
"no-irregular-whitespace":"off"
3.报错 Newline required at end of file but not found
解决办法就是在后面再加一行
4.报错信息:Expected error to be handled
这是因为回调函数里面的参数error没有运用到,所以可以不设置参数,或者在回调函数内console.log(error)
5.报错信息:Split initialized 'let' declarations into multiple statements
这是不允许多条声明,可参考 eslint 这条规则, 推荐这样写
以下附上Eslint常用规范:
"no-console": "error", // 禁止console "no-alert": "error", // 禁止alert,conirm等 "no-debugger": "error", // 禁止debugger "semi": ["error", "never"], // 禁止分号 "no-tabs": "error", // 禁止使用tab "no-unreachable": "error", // 当有不能执行到的代码时 "eol-last": "error", // 文件末尾强制换行 "no-new": "error", // 禁止在使用new构造一个实例后不赋值 "quotes": ["error", "backtick"], // 引号类型 `` "" '' "no-unused-vars": ["error", { "vars": "all", "args": "after-used" }], // 不能有声明后未被使用的变量 "no-trailing-spaces": "error", // 一行结束后面不要有空格 "space-before-function-paren": ["error", "never"], // 函数定义时括号前面要不要有空格 "no-undef": "error", // 不能有未定义的变量,定义之前必须有var或者let "curly": ["error", "all"], // 必须使用 if(){} 中的{} 'arrow-parens': "error", // 箭头函数的参数要有()包裹 'generator-star-spacing': "error", // allow async-await "space-before-function-paren": ["error", "never"], // 禁止函数名前有空格,如function Test (aaa,bbb) "space-in-parens": ["error", "never"], // 禁止圆括号有空格,如Test( 2, 3 ) "space-infix-ops": "error", //在操作符旁边必须有空格, 如 a + b而不是a+b "space-before-blocks": ["error", "always"], // 语句块之前必须有空格 如 ) {} "spaced-comment":["error", "always"], // 注释前必须有空格 "arrow-body-style": ["error", "always"], // 要求箭头函数必须有大括号 如 a => {} "arrow-parens": ["error", "always"], //要求箭头函数的参数必有用括弧包住,如(a) =>{} "arrow-spacing": ["error", { "before": true, "after": true }], // 定义箭头函数的箭头前后都必须有空格 "no-const-assign": "error", // 禁止修改const变量 "template-curly-spacing": ["error", "never"], // 禁止末班字符串中的{}中的变量出现空格,如以下错误`${ a }` "no-multi-spaces": "error", // 禁止多个空格,只有一个空格的地方必须只有一个 "no-whitespace-before-property": "error", // 禁止属性前有空格,如obj. a "keyword-spacing":["error",{"before": true, "after": true}] //关键字前后必须有空格 如 } else {
参考:https://www.jianshu.com/p/9c1943a53393
转载于:https://www.cnblogs.com/plb2307/p/10586585.html
vue项目中开启Eslint碰到的一些问题及其规范相关推荐
- Vue项目中关闭Eslint
Vue项目中关闭Eslint 啊啊啊啊 被Eslint整没了 每次运行项目都报错 直接把他关了 在项目根目录下增加vue.config.js文件,内容如下: // vue.config.js modu ...
- vue项目中关闭eslint的方法
首先请注意, 本文写于 2019-08-16 10:08:13 当时是Vue 2, 这里说的就是那个时期的事. 网上找来找去, 一堆说啥都有的,说注释这个rule,那个rule,全tm毛用没有. 还有 ...
- 在Vue项目中处理ESlint语法报错问题的方法
在编译项目过程中,出现如下类似问题: 从报错的结果看,书写的代码没有符合ESlint的代码规范. 如何解决这类问题呢? 1.创建.prettierrc配置文件 在项目根目录中,创建.prettierr ...
- vue项目中由于eslint检查太严谨而报错的bug,怎么解决删除eslint
如果是初建项目时,询问是否安装eslint,就选NO 如果是已经安装在项目里想删除,在webpack.base.conf.js里面: 删除以下代码就可以 { test: /\.(js|vue)$/, ...
- vue 打开html流_在vue项目中添加一个html页面,开启本地服务器
在vue项目里新增一个不需要登录的页面,那么我只能新增一个html页面了,不经过路由,直接在浏览器输入路径打开,那么就需要用到本地服务器, 1.vue里面的html页面最好放过在public文件夹里面 ...
- Vue项目中ESLint配置(VScode)
Vue项目中ESLint配置(VScode) 1.VScode的配置格式化代码 1.1下载eslint插件 1.2配置setting.json 打开左上角文件-首选项-设置,在设置中搜索eslint, ...
- 解决vue项目中prettier、eslint格式冲突问题
解决vue项目中prettier.eslint格式冲突问题 我是用prettier作为vscode默认的格式化插件的,vue项目自动保存的时候,格式化,会自动在代码末尾添加分号,单引号会自动变成双引号 ...
- Vscode的vue项目中下滑红线报错问题
Vscode的vue项目中下滑红线报错问题 1.报错原因 代码存在语法错误(错误并不影响项目的编译运行),并且校验功能是开启状态就会出现下滑红线的报错. 2.解决方法 1)关闭校验 如果项目的校验功能 ...
- canvas java 上传截图_在Vue项目中使用html2canvas生成页面截图并上传
使用方法 项目中引入 npm install html2canvas html代码 //html代码 js代码 // 引入html2canvas import html2canvas from 'ht ...
最新文章
- Google首席软件工程师Joshua Bloch谈如何设计一款优秀的API【附PPT】
- logm--求矩阵的对数
- uvalive5989(水题)
- python偶数列表_使用条件偶数列表创建带有地图的元组 - python
- const修饰是指针和常量
- postman跨域测试_安装使用Hoppscotch构建API请求访问与测试
- MySQL中时间函数NOW()和SYSDATE()的区别
- informix——ODBC数据源配置
- StackPanel
- 数学建模教程:GSpan-频繁子图挖掘算法
- ANSYS_APDL——实例001-模态分析
- 异常0x0000005
- uni-app小程序基础知识速览(上)
- java 微信模板_java开发微信模板消息推送
- mysql级联删除外键约束_mysql通过外键级联删除
- 转载---谷歌 六度空间搜索
- 上海浦东新区计算机学校排名2015,最新2015浦东新区初中排名 分为四个档次
- 好心情心理咨询:揪出10个「睡眠小偷」,还你一夜好眠
- java实现爬虫爬取京东手机页面
- 软件与中国古代史:政界往事(中)
热门文章
- data spring 指定时区_Spring 框架基础(05):Mvc架构模式,执行流程详解
- 如何避免无意义的区块链项目
- Android 7.0 Keyguard流程分析
- 2017年Q1安卓ROOT类恶意病毒发展趋势研究报告
- Linux kernel 3.10内核源码分析--进程退出exit_code
- 常用jar包_发布Maven包的正确姿势
- JZOJ 5425. 【NOIP2017提高A组集训10.25】数论
- php怎么做签到系统,PHP如何实现签到功能
- Matlab的Floor, Ceil, Fix, Round
- Vijos 1197 - 费解的开关