sublime eslint 和 jshint的安装与使用
2017-06-21 16:25
447 查看
jshint简介
jslint是一javascript的语法检测,众多前端自动化工具都又用到,编辑器也用到jshint。 webstorm很强大,自身带有,但是我使用的电脑带不动。sublime或者atom,两款非常类似,编辑操作基本是一样的,以其中一个为例。安装步骤
第1步 安装插件
sublime的jshint是依赖于sublimeLinter,所以要安装sublimeLinter。第2步 安装node
jshint是npm包,故要安装node,然后在安装全局的jshintnpm install -g jshint
第3步 启动jshint
ctrl + shift + P搜sumlimejshint,然后launch,就可以使用。
第4步 配置
在路径下新增文档’.jshintrc’,即可定义规则。 api參考地址:传送门。使用它检测es6
.jshintrc 里面 加上 "esnext" : true,新版本的加上 "esversion" : 6
ps: 我按照上面配置,不成功,不能识别const声明常量。我又在Tools->jsHing->lint Code看到提示:在要使用es6环境,请使用
"esversion": {"b"}
or
"moz": true
然而,测试还是不成功!不建议使用它检测es6,要怎么检测es6。有谁成功请告知,表示感谢。
eslint简介
不多废话,直接看 - ->官网。当使用es6请把jshint关掉,则检测es6的语法,请使用eslint。
穿插个话题,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 :升级插件
在禁用linter的扩展包,会提供禁用或启动选项,这倒是很方便。
ps: 在这点上
atom,显得很方便,随便查看显示是否禁用状态,sublime是分开的,查看package是否被禁用,在tool->[对应的包名]--toggle ……,查看包名下,是否写着enable 或者 disable。
话归正题如何安装eslint
第1步 安装
安装插件SublimeLinter
SublimeLinter-jshint
SublimeLinter-jsxhint
SublimeLinter-contrib-eslint
安装npm包
npm install -g eslint npm install -g babel-eslint npm install -g eslint-plugin-react npm install -g jsxhint
第2步 配置
以ES6语法检查为例,在项目工程根目录新建.eslintrc,输入{ "parserOptions": { "ecmaVersion": 6, "sourceType": "module", "ecmaFeatures": { "jsx": true } }, "rules": { "semi": ["error", "always"] } }
相关文章推荐
- jshint 安装使用
- sublime安装package Control,安装ExprotHTML,使用ExportHTML,sublime自定义主题颜色生成器
- sublime学习1:前端神器-sublime text3插件安装及使用
- Web相关:Sublime如何安装ESLint插件?
- sublime-text3的安装、注册、汉化及插件使用
- 在sublime中安装使用TortoiseSVN-sublime使用心得(4)
- sublime安装使用
- Sublime插件Emmet安装与使用
- sublime 插件使用和安装方法以及一些小技巧
- sublime安装及Emmet的使用
- 解决使用Sublime编写VBScript通过ADO连接Oracle数据库提示ADO未正确安装的问题
- Sublime 注册、使用及插件安装
- Linux Mint 17下Sublime插件Emmet的安装和使用
- sublime 安装 Terminal 使用 cmder
- sublime插件emmet安装和使用
- sublime使用代理服务器安装package control
- ubuntu14.04 安装sublime 并使用搜狗输入法
- ESlint安装使用
- ubuntu安装sublime_text3及其使用技巧
- 安装使用sublime 对比工具sublimerge