Sublime Text3 ESlint配置和Standard配置

Sublime Text3 ESlint配置

一、预装环境及配置

Node环境必备

全局安装ESlint

npm install eslint -g

进入自己的项目目录初始化ESlint

这里写图片描述

根据所回答的问题生成对应的样式

这里写图片描述

第一种情况配置完成

此时会在你的js目录下生成一个.eslintrc.js文件,此文件是ESlint的相关规则的配置文件,里面只有根据你刚才回答问题所生成的配置项。
这里写图片描述

初始化的时候选择第二种

这里写图片描述

在此之前,你需要先npm install一次,生成package.json文件,

再次eslint –init

在选择规范的时候选择Standard即可

完成后的目录层级是

这里写图片描述

重启sublime,即可,ESlint配置的就是Standard的规范,

具体的规则在node_modules->eslint-plugin-standard->rules中,

其中注意:node_modules->eslint-plugin-standard中index文件是入口文件,

可以全局控制启用或关闭哪几项规则规范。

此时,配合StandardFormat插件更好,直接在保存的时候,将代码调试成Standard的规范,

初始化的时候选择第三种

这里写图片描述

需要设置文件和路径,进行代码的规范检查;
之后会生成一个全面的.eslintrc.js配置文件来约束JS脚本。

二、sublime插件安装

推荐安装以下插件,以适应ESlint在sublime中的运行。

这里写图片描述

重启sublime。

三、检测及自动修改格式

重启sublime,编译js文件,当出现不满足规范的时候会有明确的报错。如下图:

这里写图片描述

可以,通过命令符,进入JS目录
eslint index.js —fix
完成符合规范的自动调整

这里写图片描述

因为ESlint默认不推荐使用console所以在配置文件中,添加将此功能关闭的语句

这里写图片描述

之后,index.js脚本格式规范如下:

这里写图片描述

Sublime Text3 Standard配置

一、Sublime中安装以下插件

这里写图片描述

第二个稍微说下:这个插件就是当你启用了Standard时,保存时,自动帮你将代码调整为符合Standard规范的格式。

如果不安装此插件,当你保存的时候,会在sublime中提示报错。

相对于Eslint省去了命令行的操作。

二、注意事项

Standard与ESlint两个规则,单独使用是相互冲突的,在使用的时候,请禁用另一个插件。

在sublime中安装插件后,没有提供接口文件,所以不能进行规则的自定义。

Standard规范,是不用tab而是2个空格,在句末是不添加分号结尾的(;)。

sublime怎么禁用和启动插件

Preferences→Package Control(ctrl + shift + p),显示以下弹窗(如果没有请输入):

n Disable Package :禁用插件

n enable Package :启用插件

n Install Package :安装插件

n List Package :查看已安装插件列表

n Remove Package :移除插件

n Upgrade Package :升级插件

猜你喜欢

转载自blog.csdn.net/aeoliancrazy/article/details/80137728