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. 【php】php操作MySQL数据库

    一.操作步骤: 1. 连接MySQL数据库并判断是否连接成功2. 选择数据库3. 设置字符集4. 准备SQL语句5. 向MySQL服务发送SQL语句6. 解析处理结果集7. 释放结果集,关闭数据库连接 ...

  2. VUE_shop(第十天)项目的打包优化

    项目的打包优化 1.添加页面的加载效果 1.首先安装运行依赖nprocess,在main.js文件中的axios拦截器拦截请求的时候调用Npeocees.start. 在拦截响应的时候调用nproce ...

  3. Java第二十七天,线程池

    1.什么情况下需要线程池? 频絮创建线程就会大大降低系统的效率,那么有没有一种办法使得线程可以复用,就是执行完一个任务,并不被销毁,而是可以继续执行其他的任务?在java中可以通过线程池来达到这样的效 ...

  4. Django -->admin后台(后台管理可以直接往数据库添加数据)

    一.使用pymysql时,必须加这两行(#如果使用mysql的数据库,请进行伪装 pymysql伪装为MySQLdb) import pymysqlpymysql.install_as_MySQLdb ...

  5. 从零搭建一个SpringCloud项目之Config(五)

    配置中心 一.配置中心服务端 新建项目study-config-server 引入依赖 <dependency> <groupId>org.springframework.cl ...

  6. std::string::copy函数

    size_t copy (char* s, size_t len, size_t pos = 0) const;

  7. Redis学习一:Redis两种持久化机制

    申明 本文章首发自本人公众号:壹枝花算不算浪漫,如若转载请标明来源! 感兴趣的小伙伴可关注个人公众号:壹枝花算不算浪漫 22.jpg 前言 Redis是基于内存来实现的NO SQL数据库,但是我么你都 ...

  8. Tomorrow - 地形生成(1)

    原理很简单,请不要喷. 效果展示  种子输入框  种子为12345的地形  种子为23456的地形 代码展示 globalvar map random_set_seed(real(get_string ...

  9. Nexus3 集成 crowd 插件

    公司使用的软件开发和协作工具为 Atlassian 系列软件,所以统一使用 crowd 来实现统一登录(SSO). crowd 配置 具体操作细节见我之前写的 Atlassian 系列软件安装(Cro ...

  10. python画图——雪花(科赫曲线)

    科赫曲线是一种分形,其形态非常像雪花,因此又被称作科赫雪花.雪花曲线. 下面是用python的turtle包让我们来实时画一个 import turtledef koch(t,n): #定义一个函数 ...