eslint的好处就不多说了。代码检查,代码报错, 智能提示,让开发人员更规范的撸代码等等。

1.安装依赖

npm install --save-dev eslint eslint-friendly-formatter eslint-loader
//或
yarn add eslint eslint-friendly-formatter eslint-loader

2.根目录创建.eslintrc.js文件,配置eslint规则(为了便于开发,这里只列出常用的规则,更多详细rule规则可进官网查看)

module.exports = {
root: true,
// JavaScript 语言选项
parserOptions: {
ecmaVersion: 6,
sourceType: 'module',
//想使用的额外的语言特性:
ecmaFeatures: {
// 允许在全局作用域下使用 return 语句
globalReturn: true,
// impliedStric
impliedStrict: true
}
},
//全局变量
globals: {
"$": true,
"process": true,
"__dirname": true,
"echarts": true
},
// 环境定义了预定义的全局变量。
env: {
browser: true,
es6: true,
amd: true,
browser: true,
},
rules: {
"no-var": 1, //对var警告
"no-unused-vars": [1, { "vars": "all", "args": "none" }], //不能有声明后未被使用的变量或参数
"no-const-assign": 1, //禁止修改const声明的变量
"no-dupe-keys": 1, //在创建对象字面量时不允许键重复
"no-duplicate-case": 1, //switch中的case标签不能重复
"no-dupe-args": 1, //函数参数不能重复
"no-func-assign": 1, //禁止重复的函数声明
"no-redeclare": 1, //禁止重复声明变量
"no-spaced-func": 1, //函数调用时 函数名与()之间不能有空格
"no-this-before-super": 1, //在调用super()之前不能使用this或super
"no-use-before-define": 1, //未定义前不能使用
"no-else-return": 1,//如果if语句里面有return,后面不能跟else语句
"no-fallthrough": 1,//禁止switch穿透
"no-multiple-empty-lines": [1, {"max": 2}],//空行最多不能超过2行
"no-return-assign": 1,//return 语句中不能有赋值表达式
"no-shadow": 2,//外部作用域中的变量不能与它所包含的作用域中的变量或参数同名
"consistent-this": [2, "that"],//this别名
"default-case": 2,//switch语句最后必须有default
"eqeqeq": 2,//必须使用全等
}
}

效果:



骚年,我看你骨骼惊奇,有撸代码的潜质,这里有324.57GB前端学习资料传授于你!什么,你不信???

先随便看几个图:









肯定没看够。再来个GIF图热个身???



那么问题来了,如果你也想入坑前端或者学习更多技术,广交天下朋友(基友),认识更多有趣的灵魂,和沙雕网友在线斗图,撩更多小姐姐的话,欢迎加入前端交流群鸭~



扫二维码加为好友即可拉你入群哦。

javascript SDK开发之webpack中eslint的配置的更多相关文章

  1. javascript SDK开发之webpack打包支持对象展开运算符...

    场景:使用了对象的展开运算符,webpack打包报错,错误如下:Parsing error: Unexpected token - 1.安装依赖 npm install babel-preset-st ...

  2. JavaEE开发之SpringMVC中的路由配置及参数传递详解

    在之前我们使用Swift的Perfect框架来开发服务端程序时,聊到了Perfect中的路由配置.而在SpringMVC中的路由配置与其也是大同小异的.说到路由,其实就是将URL映射到Java的具体类 ...

  3. JavaEE开发之SpringMVC中的自定义拦截器及异常处理

    上篇博客我们聊了<JavaEE开发之SpringMVC中的路由配置及参数传递详解>,本篇博客我们就聊一下自定义拦截器的实现.以及使用ModelAndView对象将Controller的值加 ...

  4. Android安全开发之WebView中的地雷

    Android安全开发之WebView中的地雷 0X01 About WebView 在Android开发中,经常会使用WebView来实现WEB页面的展示,在Activiry中启动自己的浏览器,或者 ...

  5. JavaEE开发之SpringMVC中的静态资源映射及服务器推送技术

    在上篇博客中,我们聊了<JavaEE开发之SpringMVC中的自定义拦截器及异常处理>.本篇博客我们继续的来聊SpringMVC的东西,下方我们将会聊到js.css这些静态文件的加载配置 ...

  6. JavaEE开发之SpringMVC中的自定义消息转换器与文件上传

    上篇博客我们详细的聊了<JavaEE开发之SpringMVC中的静态资源映射及服务器推送技术>,本篇博客依然是JavaEE开发中的内容,我们就来聊一下SpringMVC中的自定义消息转发器 ...

  7. JavaEE开发之Spring中Bean的作用域、Init和Destroy方法以及Spring-EL表达式

    上篇博客我们聊了<JavaEE开发之Spring中的依赖注入以及AOP>,本篇博客我们就来聊一下Spring框架中的Bean的作用域以及Bean的Init和Destroy方法,然后在聊一下 ...

  8. JavaEE开发之Spring中的多线程编程以及任务定时器详解

    上篇博客我们详细的聊了Spring中的事件的发送和监听,也就是常说的广播或者通知一类的东西,详情请移步于<JavaEE开发之Spring中的事件发送与监听以及使用@Profile进行环境切换&g ...

  9. JavaEE开发之Spring中的条件注解组合注解与元注解

    上篇博客我们详细的聊了<JavaEE开发之Spring中的多线程编程以及任务定时器详解>,本篇博客我们就来聊聊条件注解@Conditional以及组合条件.条件注解说简单点就是根据特定的条 ...

随机推荐

  1. stm32:#ifndef/#define/#endif使用

    参考:https://blog.csdn.net/abc5382334/article/details/18052757/ 比如:存在a.h文件#include "c.h"而此时b ...

  2. 1030 Travel Plan (30分)(dijkstra 具有多种决定因素)

    A traveler's map gives the distances between cities along the highways, together with the cost of ea ...

  3. php--理解PHP的依赖注入和laravel的服务容器

    写在前面 为了了解laravel的服务容器在网上搜了许多文章,其中大多数都有其侧重点,没有很系统的一套东西以供参考,看完之后仍觉似乎少了一根把他们串起来的绳子,近期有幸拜读了陈昊的<Larave ...

  4. Hadoop(七):自定义输入输出格式

    MR输入格式概述 数据输入格式 InputFormat. 用于描述MR作业的数据输入规范. 输入格式在MR框架中的作用: 文件进行分块(split),1个块就是1个Mapper任务. 从输入分块中将数 ...

  5. es搜索排序不正确

    沿用该文章里的数据https://www.cnblogs.com/MRLL/p/12691763.html 查询时发现,一模一样的name,但是相关度不一样 GET /z_test/doc/_sear ...

  6. softmax回归推导

    向量\(y\)(为one-hot编码,只有一个值为1,其他的值为0)真实类别标签(维度为\(m\),表示有\(m\)类别): \[y=\begin{bmatrix}y_1\\ y_2\\ ...\\y ...

  7. Fiddler实战之拟2G、3G、4G网络进行弱网测试

    至于fidder网络代理设置就不多说了 模拟网速: 1.启动Fiddler,打开菜单栏Rules---Performances---Simulate Modem Speeds这里打开了模拟调节速度 2 ...

  8. AJ整理问题之:NSTimer准确吗?

    NSTimer准确吗? 问题:NSTimer准确吗?如果不准确,怎么办? NSTimer的工作原理:假设timer每隔一段时间执行一次事件,很均匀的(例如每隔多少秒),假设在某一时刻cpu在做疯狂的大 ...

  9. 数据结构之循环队列Demo

    循环队列 比较简单,循环队列主要是判断队满.队空.有效元素个数 画图说明: 假设:队的长度为5(0-4) 但是实际maxsize为6,需要一个预留空间(不存储元素)做计算 继续添加3个元素后: 出队一 ...

  10. springboot前后端分离跨域

    @Configurationpublic class CrossConfig implements WebMvcConfigurer { @Override public void addCorsMa ...