eslint是一种代码风格管理的工具,可以制定一些代码编写规范,在vue项目中经常用到

1、'layer' is defined but never used   这是定义了一个变量但是未使用到该变量,vue经常需要在全局进行声明,以便任何组件都能用到,但是经常会这样警告

可以在 .eslintrc.js 文件中修改配置,增加如下代码:

"no-unused-vars":"off"
 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碰到的一些问题及其规范相关推荐

  1. Vue项目中关闭Eslint

    Vue项目中关闭Eslint 啊啊啊啊 被Eslint整没了 每次运行项目都报错 直接把他关了 在项目根目录下增加vue.config.js文件,内容如下: // vue.config.js modu ...

  2. vue项目中关闭eslint的方法

    首先请注意, 本文写于 2019-08-16 10:08:13 当时是Vue 2, 这里说的就是那个时期的事. 网上找来找去, 一堆说啥都有的,说注释这个rule,那个rule,全tm毛用没有. 还有 ...

  3. 在Vue项目中处理ESlint语法报错问题的方法

    在编译项目过程中,出现如下类似问题: 从报错的结果看,书写的代码没有符合ESlint的代码规范. 如何解决这类问题呢? 1.创建.prettierrc配置文件 在项目根目录中,创建.prettierr ...

  4. vue项目中由于eslint检查太严谨而报错的bug,怎么解决删除eslint

    如果是初建项目时,询问是否安装eslint,就选NO 如果是已经安装在项目里想删除,在webpack.base.conf.js里面: 删除以下代码就可以 { test: /\.(js|vue)$/, ...

  5. vue 打开html流_在vue项目中添加一个html页面,开启本地服务器

    在vue项目里新增一个不需要登录的页面,那么我只能新增一个html页面了,不经过路由,直接在浏览器输入路径打开,那么就需要用到本地服务器, 1.vue里面的html页面最好放过在public文件夹里面 ...

  6. Vue项目中ESLint配置(VScode)

    Vue项目中ESLint配置(VScode) 1.VScode的配置格式化代码 1.1下载eslint插件 1.2配置setting.json 打开左上角文件-首选项-设置,在设置中搜索eslint, ...

  7. 解决vue项目中prettier、eslint格式冲突问题

    解决vue项目中prettier.eslint格式冲突问题 我是用prettier作为vscode默认的格式化插件的,vue项目自动保存的时候,格式化,会自动在代码末尾添加分号,单引号会自动变成双引号 ...

  8. Vscode的vue项目中下滑红线报错问题

    Vscode的vue项目中下滑红线报错问题 1.报错原因 代码存在语法错误(错误并不影响项目的编译运行),并且校验功能是开启状态就会出现下滑红线的报错. 2.解决方法 1)关闭校验 如果项目的校验功能 ...

  9. canvas java 上传截图_在Vue项目中使用html2canvas生成页面截图并上传

    使用方法 项目中引入 npm install html2canvas html代码 //html代码 js代码 // 引入html2canvas import html2canvas from 'ht ...

最新文章

  1. Google首席软件工程师Joshua Bloch谈如何设计一款优秀的API【附PPT】
  2. logm--求矩阵的对数
  3. uvalive5989(水题)
  4. python偶数列表_使用条件偶数列表创建带有地图的元组 - python
  5. const修饰是指针和常量
  6. postman跨域测试_安装使用Hoppscotch构建API请求访问与测试
  7. MySQL中时间函数NOW()和SYSDATE()的区别
  8. informix——ODBC数据源配置
  9. StackPanel
  10. 数学建模教程:GSpan-频繁子图挖掘算法
  11. ANSYS_APDL——实例001-模态分析
  12. 异常0x0000005
  13. uni-app小程序基础知识速览(上)
  14. java 微信模板_java开发微信模板消息推送
  15. mysql级联删除外键约束_mysql通过外键级联删除
  16. 转载---谷歌 六度空间搜索
  17. 上海浦东新区计算机学校排名2015,最新2015浦东新区初中排名 分为四个档次
  18. 好心情心理咨询:揪出10个「睡眠小偷」,还你一夜好眠
  19. java实现爬虫爬取京东手机页面
  20. 软件与中国古代史:政界往事(中)

热门文章

  1. data spring 指定时区_Spring 框架基础(05):Mvc架构模式,执行流程详解
  2. 如何避免无意义的区块链项目
  3. Android 7.0 Keyguard流程分析
  4. 2017年Q1安卓ROOT类恶意病毒发展趋势研究报告
  5. Linux kernel 3.10内核源码分析--进程退出exit_code
  6. 常用jar包_发布Maven包的正确姿势
  7. JZOJ 5425. 【NOIP2017提高A组集训10.25】数论
  8. php怎么做签到系统,PHP如何实现签到功能
  9. Matlab的Floor, Ceil, Fix, Round
  10. Vijos 1197 - 费解的开关