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 :升级插件
上一篇: Sublime Text安装配置
推荐阅读
-
Golang学习:sublime text3配置golang环境
-
vue项目中vscode格式化配置和eslint配置冲突
-
webpack 插件 ProvidePlugin 的使用方法和 eslint 配置
-
Win7、2008 64为Sublime Text3 配置python3的开发环境的方法
-
vscode 配置eslint和prettier正确方法
-
sublime text3 lua环境配置
-
Sublime text3配置C/C++编译环境
-
sublime text3配置c++编译环境
-
在Sublime Text3中配置Python2、Python3的编译环境图文详解
-
Sublime Text3 配置 NodeJs 环境的方法