eslint php,ESlint操作步骤详解

这次给大家带来ESlint操作步骤详解,ESlint操作的注意事项有哪些,下面就是实战案例,一起来看一下。

vue-cli脚手架创建的项目默认使用ESlint规则,启动项目的时候因为各种语法报错,不得不先停下了解一下什么是ESlint,及其相关的一下操作。

【使用vue-cli快速搭建项目】:http://www.jb51.net/article/140498.htm

1. 什么是ESlint?

ESLint 是一个ECMAScript/JavaScript 语法规则和代码风格的检查工具,它的目标是保证代码的一致性和避免错误。

【ESlint 中文官方网站】:http://eslint.cn/

2. ESlint规范

你可以通过下面的列表大概了解ESlint的风格,确实与一般的开发习惯不太相同。"no-bitwise": 0,//禁止使用按位运算符

"no-catch-shadow": 2,//禁止catch子句参数与外部作用域变量同名

"no-class-assign": 2,//禁止给类赋值

"no-cond-assign": 2,//禁止在条件表达式中使用赋值语句

"no-console": 2,//禁止使用console

"no-const-assign": 2,//禁止修改const声明的变量

"no-constant-condition": 2,//禁止在条件中使用常量表达式 if(true) if(1)

"no-continue": 0,//禁止使用continue

"no-control-regex": 2,//禁止在正则表达式中使用控制字符

"no-debugger": 2,//禁止使用debugger

"no-delete-var": 2,//不能对var声明的变量使用delete操作符

"no-p-regex": 1,//不能使用看起来像除法的正则表达式/=foo/

"no-dupe-keys": 2,//在创建对象字面量时不允许键重复 {a:1,a:1}

"no-dupe-args": 2,//函数参数不能重复

"no-duplicate-case": 2,//switch中的case标签不能重复

"no-else-return": 2,//如果if语句里面有return,后面不能跟else语句

"no-empty": 2,//块语句中的内容不能为空

"no-empty-character-class": 2,//正则表达式中的[]内容不能为空

"no-empty-label": 2,//禁止使用空label

"no-eq-null": 2,//禁止对null使用==或!=运算符

"no-eval": 1,//禁止使用eval

"no-ex-assign": 2,//禁止给catch语句中的异常参数赋值

"no-extend-native": 2,//禁止扩展native对象

"no-extra-bind": 2,//禁止不必要的函数绑定

"no-extra-boolean-cast": 2,//禁止不必要的bool转换

"no-extra-parens": 2,//禁止非必要的括号

"no-extra-semi": 2,//禁止多余的冒号

"no-fallthrough": 1,//禁止switch穿透

"no-func-assign": 2,//禁止重复的函数声明

"no-implicit-coercion": 1,//禁止隐式转换

"no-implied-eval": 2,//禁止使用隐式eval

"no-inline-comments": 0,//禁止行内备注

"no-invalid-regexp": 2,//禁止无效的正则表达式

"no-label-var": 2,//label名不能与var声明的变量名相同

"no-labels": 2,//禁止标签声明

"no-lone-blocks": 2,//禁止不必要的嵌套块

"no-lonely-if": 2,//禁止else语句内只有if语句

"no-loop-func": 1,//禁止在循环中使用函数(如果没有引用外部变量不形成闭包就可以)

"no-multi-spaces": 1,//不能用多余的空格

"no-multi-str": 2,//字符串不能用\换行

"no-multiple-empty-lines": [1, {"max": 2}],//空行最多不能超过2行

"no-native-reassign": 2,//不能重写native对象

"no-negated-in-lhs": 2,//in 操作符的左边不能有!

"no-nested-ternary": 0,//禁止使用嵌套的三目运算

"no-new": 1,//禁止在使用new构造一个实例后不赋值

"no-new-func": 1,//禁止使用new Function

"no-new-object": 2,//禁止使用new Object()

"no-new-require": 2,//禁止使用new require

"no-new-wrappers": 2,//禁止使用new创建包装实例,new String new Boolean new Number

"no-obj-calls": 2,//不能调用内置的全局对象,比如Math() JSON()

"no-octal": 2,//禁止使用八进制数字

"no-octal-escape": 2,//禁止使用八进制转义序列

"no-param-reassign": 2,//禁止给参数重新赋值

"no-path-concat": 0,//node中不能使用dirname或filename做路径拼接

"no-plusplus": 0,//禁止使用++,--

"no-process-env": 0,//禁止使用process.env

"no-process-exit": 0,//禁止使用process.exit()

"no-proto": 2,//禁止使用proto属性

"no-redeclare": 2,//禁止重复声明变量

"no-regex-spaces": 2,//禁止在正则表达式字面量中使用多个空格 /foo bar/

"no-restricted-modules": 0,//如果禁用了指定模块,使用就会报错

"no-return-assign": 1,//return 语句中不能有赋值表达式

"no-script-url": 0,//禁止使用javascript:void(0)

"no-self-compare": 2,//不能比较自身

"no-sequences": 0,//禁止使用逗号运算符

"no-shadow": 2,//外部作用域中的变量不能与它所包含的作用域中的变量或参数同名

"no-shadow-restricted-names": 2,//严格模式中规定的限制标识符不能作为声明时的变量名使用

"no-spaced-func": 2,//函数调用时 函数名与()之间不能有空格

"no-sync": 0,//nodejs 禁止同步方法

"no-ternary": 0,//禁止使用三目运算符

"no-trailing-spaces": 1,//一行结束后面不要有空格

更全面的了解ESlint规则建议点这里 :

【ESlint 官方规则列表】:http://eslint.cn/docs/rules/

3.如何根据ESlint规则修改代码?

每次改动后启动项目,ESlint都会检测你的代码,然后在浏览器的控制台疯狂报错。一开始我是根据控制台的报错信息,一条一条回去修改的,但是这样的方式太低效。后来同事告诉我一种高效的方式,可以直接让开发工具(webstorm or idea)识别ESlint,并且格式代码,过程是这样的:

Setting ->Preferences -> Languages & Frameworks -> JavaScript -> Code Quality Tools -> Eslint ,然后勾选Enable单选框。

95db7183a4d899e4ac79c5bd417ecb6f.png

配置ESlint

勾选后你就会发现,idea和webstorm会通过红色的下划线来告诉你,什么地方不符合ESlint规则。这使我们能在开发过程中,就根据ESlint规则修改代码,而不是等到运行项目后,通过控制台才发现语法错误。

d008e0feec13d0e4b0b39134ce277b15.png

ESlint规则提示

除了此之外,idea和webstorm还能一键格式化,让代码按照ESlint规则自动调整。在有语法错误的文件右击,然后点击Fix ESint就好了:

f6e93b1c8a1a5a8ff8c33c870f423037.png

一键格式化

4.如何关闭ESlint语法检测?

这个很简单,build --> webpack.base.conf.js,然后注释掉图片所指那段代码,就可以了。

7b32325d1cc3a87dc406bacf36cc2578.png

关闭ESlint语法检测// test: /\.(js|vue)$/,

// loader: 'eslint-loader',

// enforce: 'pre',

// include: [resolve('src'), resolve('test')],

// options: {

// formatter: require('eslint-friendly-formatter'),

// emitWarning: !config.dev.showEslintErrorsInOverlay

// }

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/359282.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

动画原理——绘制正弦函数环绕运动椭圆运动

书籍名称&#xff1a;HTML5-Animation-with-JavaScript 书籍源码&#xff1a;https://github.com/lamberta/html5-animation 1.正弦函数。x位置递增&#xff0c;y位置用sin生成。 这段代码是不需要ball.js的。 代码如下&#xff1a; <!doctype html> <html><hea…

oracle优质图书,经典Oracle图书推荐(之四)_oracle

经典的oracle图书:Oracle High Performance Tuning for 9i and 10g by Gavin PowellBook DescriptionThere are three parts to tuning an Oracle database: data modeling, SQL code tuning and physical database configuration.A data model contains tables and relationsh…

JavaEE还是Spring? 都不行! 我们呼吁新的竞争者!

如果您一直在Twitter上关注一些Java的关键人物&#xff0c;或者在Reddit上阅读了“新闻”&#xff0c;那么您一定不会错过Spring和JavaEE宣传人员之间热闹的“贱人之战”&#xff08;请原谅我的法语&#xff09;。 首先&#xff0c;于尔根霍勒&#xff08;JrgenHller&#xff…

编程技术交流

需要技术交流包含java:HTML&#xff0c; MySQL&#xff0c; Redis&#xff0c; Linux &#xff0c;Nginx &#xff0c;Tomcat &#xff0c; IntelliJ IDEA &#xff0c;SVN &#xff0c; Eclipse &#xff0c;Maven &#xff0c; RationalRose&#xff0c; Java SE&#xff0c;…

visa linux 串口 通信,使用visa进行串口通信

最近因为项目的原因&#xff0c;都在研究上位机通信问题。这两个星期研究还是蛮多心得&#xff0c;下面就写写关于使用visa进行串口通信的内容LABVIEW软件LabVIEW 在仪器控制方面&#xff0c;还是很有优势的&#xff0c;把你仪器给你&#xff0c;读懂指令&#xff0c;然后估计半…

POJ 2398 Toy Storage

这道题和POJ 2318几乎是一样的。 区别就是输入中坐标不给排序了&#xff0c;_|| 输出变成了&#xff0c;有多少个区域中有t个点。 1 #include <cstdio>2 #include <cmath>3 #include <cstring>4 #include <algorithm>5 using namespace std;6 7 struct…

linux共享磁盘给指定ip,linux想挂载通过ipsan协议推送上来的磁盘,两个ip共分配了21个未分区的盘,...

先安装iSCSI initiator以及iscsiadmiscsiadm是基于命令行的iscsi管理工具&#xff0c;提供了对iscsi节点、会话、连接以及发现记录的操作。iscsiadm的使用说明可以查看/usr/share/doc/iscsi-initiator-utils-6.2.0.742/README&#xff0c;也可以运行man iscsiadm或iscsiadm --h…

【APICloud系列|1】华为应用市场 应用版权证书或代理证书怎么填

将apk上传到华为应用市场 首页提交的时候是没有问题的&#xff0c;但是第二次需要更新的时候发现多了一个必填的选项 我的应用被打回来啦&#xff0c;说明这个免责函需要要填写。今天公章还不在公司&#xff0c;还着急上线&#xff0c;不能准时上线就扣20%的工资。

【APICloud系列|2】上架安卓应用商店全套流程(小米应用商店、华为应用市场、阿里应用商店、百度手机助手、腾讯应用宝)

​​本次主要讲解前5个平台上架流程及注意事项(注册登录信息自行准备) 1. 腾讯应用宝:http://open.qq.com/ 2. 阿里应用商店(淘宝手机助手,UC应用商店,豌豆荚):http://open.uc.cn/ 3. 百度手机助手:http://app.baidu.com/ 4. 华为应用市场:http://developer.huaw…

socket阻塞与非阻塞,同步与异步、I/O模型

socket阻塞与非阻塞&#xff0c;同步与异步 1. 概念理解 在进行网络编程时&#xff0c;我们常常见到同步(Sync)/异步(Async)&#xff0c;阻塞(Block)/非阻塞(Unblock)四种调用方式&#xff1a;同步&#xff1a; 所谓同步&#xff0c;就是在发出一个功能调用时&#xff0c;…

linux基于域名的虚拟主机,Nginx虚拟主机应用——基于域名、IP、端口的虚拟主机...

Nginx支持的虚拟主机有三种●基于域名的虚拟主机●基于IP的虚拟主机●基于端口的虚拟主机每一种虚拟主机均可通过“server{}" 配置段实现各自的功能基于域名的虚拟主机实验环境1.基础源码包(无密码):https://pan.baidu.com/s/14WvcmNMC6CFX1SnjHxE7JQ2.CentOS 7版本Linux虚…

Mono for android,Xamarin点击事件的多种写法

&#xff08;一&#xff09;原本java的写法&#xff08;相信很多是学过java的&#xff09;&#xff1a; 需要实现接口View.IOnClickListener&#xff0c;最好也继承类&#xff1a;Activity&#xff0c;因为View.IOnClickListener接口又继承了IJavaObject, IDisposable接口&…

一句话木马绕过linux安全模式,一句话木马(webshell)是如何执行命令的

在很多的渗透过程中&#xff0c;渗透人员会上传一句话木马(简称webshell)到目前web服务目录继而提权获取系统权限&#xff0c;不论asp、php、jsp、aspx都是如此&#xff0c;那么一句话木马到底是如何执行的呢&#xff0c;下面我们就对webshell进行一个简单的分析。首先我们先看…

第六章 Qt布局管理器Layout

第六章 Qt布局管理器Layout 大家有没有发现一个现象&#xff0c;我们放置一个组件&#xff0c;给组件最原始的定位是给出这个控件的坐标和宽高值&#xff0c;这样Qt就知道这个组件的位置。当用户改变窗口的大小&#xff0c;组件还静静地呆在原来的位置&#xff0c;这有时候显然…

【APICloud系列|36】小米应用商店可以检测同个应用不同版本信息

在小米应用商店上架的信息 在其他应用商店上架的信息&#xff0c;比如应用宝 小米发过来的友好提示邮件&#xff1a;

【APICloud系列|35】小米应用商店版本更新

1.在小米应用商店后天重新上传一个更新加固已经签名的安装包。 链接地址&#xff1a;https://dev.mi.com 2.完善资料&#xff0c;只需要填写更新日志简单说明更新的缘由&#xff0c;再次选择相应的语言即可。原来的内容还是存在的。 3.提交审核就行。

Linux光盘检测,qpxtool

软件简介各位使用Linux系统的刻录发烧友有福了。不用再为了检测光碟品质而切换到Windows系统了。因为在Linux系统里也有支持光碟品质检测的软件&#xff01;它的名字是QPxTool。虽说05年底QPxTool就诞生了&#xff0c;但最近才被以rpm包的形式提供给Fedora用户。首先看下它的界…

存根类 测试代码 java_为旧版代码创建存根-测试技术6

存根类 测试代码 java任何阅读此博客的人都可能已经意识到&#xff0c;目前我正在开发一个项目&#xff0c;其中包含大量的旧代码&#xff0c;这些旧代码庞大&#xff0c;扩展且编写时从未进行过任何测试。 在使用此遗留代码时&#xff0c;有一个行为非常差的类非常普遍&#…

百度开发平台提交应用后进行官方认证审核失败?

昨晚收到一封来自百度的邮件 这里需要登录工业和信息化部查询后的ICP备案后的详细页面截图。&#xff08;其实也可以在备案的平台查询相关信息&#xff0c;我的是在阿里云备案的&#xff0c;所以直接去阿里云比较方便快捷&#xff09; 然后直接上传营业执照副本、ICP备案截图、…

linux字体如何删除不了,如何彻底替换Ubuntu下Chrome字体(清除楷体字)

刚刚升级到了Ubuntu 11.04,chrome也跟进到了11.0.696.57&#xff0c;让人纠结的依旧是Chrome内的字体&#xff0c;在首选项-->高级选项-->自定义字体并不能解决所有问题&#xff0c;还是有些网站看上去是令人纠结的楷体。在你的用户文件夹下(比如用户名为libai)选择显示所…