详解vue-cli中的ESlint配置文件eslintrc.js


Posted in Javascript onSeptember 25, 2017

本文讲解vue-cli脚手架根目录文件.eslintrc.js,分享给大家,具体如下:

1.eslint简介

eslint是用来管理和检测js代码风格的工具,可以和编辑器搭配使用,如vscode的eslint插件。当有不符合配置文件内容的代码出现就会报错或者警告

2.安装exlint

npm init -y
npm install eslint --save-dev
node_modules\.bin\eslint --init 初始化配置文件,此配置文件配置好之后,vscode编辑器自动识别

3.vue-cli的.eslintrc.js配置文件的解释

// http://eslint.org/docs/user-guide/configuring

module.exports = {
  //此项是用来告诉eslint找当前配置文件不能往父级查找
  root: true, 
  //此项是用来指定eslint解析器的,解析器必须符合规则,babel-eslint解析器是对babel解析器的包装使其与ESLint解析
  parser: 'babel-eslint',
  //此项是用来指定javaScript语言类型和风格,sourceType用来指定js导入的方式,默认是script,此处设置为module,指某块导入方式
  parserOptions: {
    sourceType: 'module'
  },
  //此项指定环境的全局变量,下面的配置指定为浏览器环境
  env: {
    browser: true,
  },
  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
  // 此项是用来配置标准的js风格,就是说写代码的时候要规范的写,如果你使用vs-code我觉得应该可以避免出错
  extends: 'standard',
  // required to lint *.vue files
  // 此项是用来提供插件的,插件名称省略了eslint-plugin-,下面这个配置是用来规范html的
  plugins: [
    'html'
  ],
  // add your custom rules here
  // 下面这些rules是用来设置从插件来的规范代码的规则,使用必须去掉前缀eslint-plugin-
  // 主要有如下的设置规则,可以设置字符串也可以设置数字,两者效果一致
  // "off" -> 0 关闭规则
  // "warn" -> 1 开启警告规则
  //"error" -> 2 开启错误规则
  // 了解了上面这些,下面这些代码相信也看的明白了
  'rules': {
    // allow paren-less arrow functions
    'arrow-parens': 0,
    // allow async-await
    'generator-star-spacing': 0,
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
innerHTML 和 getElementsByName 在IE下面的bug 的解决
Apr 09 Javascript
Jquery下attr和removeAttr的使用方法
Dec 28 Javascript
jquery ajax例子返回值详解
Sep 11 Javascript
详解javascript new的运行机制
Jan 26 Javascript
Javascript实现苹果悬浮虚拟按钮
Apr 10 Javascript
浅析Javascript中bind()方法的使用与实现
Apr 29 Javascript
jQuery视差滚动效果网页实现方法经验总结
Sep 29 Javascript
BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
Dec 08 Javascript
Vue获取DOM元素样式和样式更改示例
Mar 07 Javascript
Angular CLI 安装和使用教程
Sep 13 Javascript
自定义Vue中的v-module双向绑定的实现
Apr 17 Javascript
Vue + Element UI图片上传控件使用详解
Aug 20 Javascript
JavaScript 自定义事件之我见
Sep 25 #Javascript
详解在vue-cli中使用路由
Sep 25 #Javascript
Bootstrap一款超好用的前端框架
Sep 25 #Javascript
vue封装第三方插件并发布到npm的方法
Sep 25 #Javascript
javascript input输入框模糊提示功能的实现
Sep 25 #Javascript
vue-cli中的webpack配置详解
Sep 25 #Javascript
react.js 父子组件数据绑定实时通讯的示例代码
Sep 25 #Javascript
You might like
怎样才能成为PHP高手?学会“懒惰”的编程
2006/12/05 PHP
php生成过去100年下拉列表的方法
2015/07/20 PHP
javascript iframe编程相关代码
2009/12/28 Javascript
基于JQuery实现异步刷新的代码(转载)
2011/03/29 Javascript
javascript 判断字符串是否包含某字符串及indexOf使用示例
2013/10/18 Javascript
简单谈谈jQuery(function(){})与(function(){})(jQuery)
2014/12/19 Javascript
JavaScript DOM元素尺寸和位置
2015/04/13 Javascript
微信小程序 progress组件详解及实例代码
2016/10/25 Javascript
用js实现before和after伪类的样式修改的示例代码
2017/09/07 Javascript
JS实现的简单表单验证功能完整实例
2017/10/14 Javascript
解决Vue+Element ui开发中碰到的IE问题
2018/09/03 Javascript
Vue.Draggable拖拽功能的配置使用方法
2020/07/29 Javascript
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
2018/12/29 jQuery
this.$toast() 了解一下?
2019/04/18 Javascript
VUE项目初建和常见问题总结
2019/09/12 Javascript
JSON stringify方法原理及实例解析
2020/10/23 Javascript
Python实现从脚本里运行scrapy的方法
2015/04/07 Python
在Python的web框架中编写创建日志的程序的教程
2015/04/30 Python
Python 文件操作的详解及实例
2017/09/18 Python
基于Python新建用户并产生随机密码过程解析
2019/10/08 Python
Python面向对象程序设计之静态方法、类方法、属性方法原理与用法分析
2020/03/23 Python
解决pyqt5异常退出无提示信息的问题
2020/04/08 Python
HTML5跳转小程序wx-open-launch-weapp的示例代码
2020/07/16 HTML / CSS
编写一子程序,将一链表倒序,即使链表表尾变表头,表头变表尾
2016/02/10 面试题
网络公司美工设计工作个人的自我评价
2013/11/03 职场文书
求职自荐信怎么写
2014/03/06 职场文书
大学生学习2014全国两会心得体会
2014/03/13 职场文书
辩论赛主持词
2014/03/18 职场文书
付款委托书范本
2014/04/04 职场文书
个人合作协议书范本
2014/04/18 职场文书
产品质量保证书
2014/04/29 职场文书
大学生感恩父母演讲稿
2014/08/28 职场文书
行政文员实习自我鉴定范文
2014/09/14 职场文书
演讲比赛主持词
2015/06/29 职场文书
2015年教导处教学工作总结
2015/07/22 职场文书
致创业的您:这类人不适合餐饮创业
2019/08/19 职场文书