详解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 相关文章推荐
jquery select下拉框操作的一些说明
Apr 02 Javascript
JavaScript格式化数字的函数代码
Nov 30 Javascript
JQuery扩展插件Validate 2通过参数设置验证规则
Sep 05 Javascript
基于jquery的无限级联下拉框js插件
Oct 29 Javascript
Jquery网页出现的乱码问题的三种解决方法
Jun 30 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
Dec 09 Javascript
jQuery中slideUp 和 slideDown 的点击事件
Feb 26 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
Aug 29 Javascript
iscroll.js滚动加载实例详解
Jul 18 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
Sep 19 jQuery
JavaScript实现精美个性导航栏筋斗云效果
Oct 29 Javascript
vue中的provide/inject的学习使用
May 09 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求两个文件的相对路径
2013/06/20 PHP
将酷狗krc歌词解析并转换为lrc歌词php源码
2014/06/20 PHP
PHP中error_reporting()用法详解
2015/08/31 PHP
Thinkphp和Bootstrap结合打造个性的分页样式(推荐)
2016/08/01 PHP
PHP实现的CURL非阻塞调用类
2018/07/26 PHP
PHP结合Redis+MySQL实现冷热数据交换应用案例详解
2019/07/09 PHP
js 通过cookie实现刷新不变化树形菜单
2014/10/30 Javascript
jQuery Ajax使用实例
2015/04/16 Javascript
jquery ui resize 中border-box的bug修正
2015/04/26 Javascript
jquery表单验证需要做些什么
2015/11/17 Javascript
详解Javascript数据类型的转换规则
2016/12/12 Javascript
jQuery实现简易的输入框字数计数功能示例
2017/01/16 Javascript
利用angularjs1.4制作的简易滑动门效果
2017/02/28 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
2018/09/20 Javascript
nodejs npm错误Error:UNKNOWN:unknown error,mkdir 'D:\Develop\nodejs\node_global'at Error
2019/03/02 NodeJs
vue列表单项展开收缩功能之this.$refs的详解
2019/05/05 Javascript
jquery-ui 进度条功能示例【测试可用】
2019/07/25 jQuery
使用Python发送邮件附件以定时备份MySQL的教程
2015/04/25 Python
python实现简单购物商城
2016/05/21 Python
Python3使用PyQt5制作简单的画板/手写板实例
2017/10/19 Python
Python基于whois模块简单识别网站域名及所有者的方法
2018/04/23 Python
Python 创建新文件时避免覆盖已有的同名文件的解决方法
2018/11/16 Python
Python实现Selenium自动化Page模式
2019/07/14 Python
django用户登录验证的完整示例代码
2019/07/21 Python
利用pytorch实现对CIFAR-10数据集的分类
2020/01/14 Python
PyCharm 2020.1版安装破解注册码永久激活(激活到2089年)
2020/09/24 Python
使用Python提取文本中含有特定字符串的方法示例
2020/12/09 Python
Christys’ Hats官网:英国帽子制造商
2018/11/28 全球购物
销售人员中英文自荐信
2013/09/22 职场文书
暑期社会实践学生的自我评价
2014/01/09 职场文书
物理专业本科生自荐信
2014/01/30 职场文书
2014年学习部工作总结
2014/11/12 职场文书
人才市场接收函
2015/01/30 职场文书
2015年班长个人工作总结
2015/04/03 职场文书
对象析构函数__del__在Python中何时使用
2022/03/22 Python
iSCSI服务器CHAP双向认证配置
2022/04/01 Servers