借助 SublimeLinter 编写高质量的 JavaScript & CSS 代码
2015-10-23 22:59
806 查看
SublimeLinter 是前端编码利器——Sublime Text 的一款插件,用于高亮提示用户编写的代码中存在的不规范和错误的写法,支持
JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。这篇文章介绍如何在 Windows 中配置 SublimeLinter 进行 JS & CSS 校验。
![](http://images.cnitblog.com/blog/36987/201305/02213316-f6c88a7ed7234d4b9cd6deca190516ba.jpg)
安装 Sublime Text 包管理工具:http://wbond.net/sublime_packages/package_control
使用 Sublime Text 包管理工具安装 SublimeLinter:https://github.com/SublimeLinter/SublimeLinter
安装 Node.js,建议安装 Windows Installer 版本:http://nodejs.org
在控制台安装jshint:$ npm
install jshint -g
在控制台安装csslint:$ npm
install csslint -g
在sublime中安装jshint和csslint
![](http://segmentfault.com/img/bVlHtq)
在shublime中安装SublimeLinter-csslint和 SublimeLinter-jshint(有时csslint安装后仍然不生效,需要安装)
打开 SublimeLinter 的配置文件,Preferences->Package Settings->SublimeLinter->Settings - User,进行如下配置:
(1)运行模式
SublimeLinter 的运行模式,总共有四种,含义分别如下:
true - 在用户输入时在后台进行即时校验;
false - 只有在初始化的时候才进行校验;
"load-save" - 当文件加载和保存的时候进行校验;
"save-only" - 当文件被保存的时候进行校验;
推荐设置为 “save-only”,这样只在编写完代码,保存的时候才校验,Sublime Text 运行会更加流畅。
(2)校验引擎
这里是配置 JavaScript 和 CSS 校验需要用到的 JS 引擎(这里用的是 Node.js)的安装路径。
(3)JSHint 选项
SublimeLinter 使用 JSHint 作为默认的 JavaScript
校验器,也可以配置为 jslint 和 gjslint(closure linter)。下面我使用的 jshint 校验选项,大家可以根据自己的编码风格自行配置,选项的含义可以参考这里:http://www.jshint.com/docs/#options
(4)CSSLint 选项
SublimeLinter 使用 CSSLint 作为 CSS 的校验器,下面是默认配置的校验选项,可以根据个人编码风格修改:
JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。这篇文章介绍如何在 Windows 中配置 SublimeLinter 进行 JS & CSS 校验。
![](http://images.cnitblog.com/blog/36987/201305/02213316-f6c88a7ed7234d4b9cd6deca190516ba.jpg)
准备工作
安装 Sublime Text 包管理工具:http://wbond.net/sublime_packages/package_control使用 Sublime Text 包管理工具安装 SublimeLinter:https://github.com/SublimeLinter/SublimeLinter
安装 Node.js,建议安装 Windows Installer 版本:http://nodejs.org
在控制台安装jshint:$ npm
install jshint -g
在控制台安装csslint:$ npm
install csslint -g
在sublime中安装jshint和csslint
在shublime中安装SublimeLinter-csslint和 SublimeLinter-jshint(有时csslint安装后仍然不生效,需要安装)
参数配置
打开 SublimeLinter 的配置文件,Preferences->Package Settings->SublimeLinter->Settings - User,进行如下配置:(1)运行模式
true - 在用户输入时在后台进行即时校验;
false - 只有在初始化的时候才进行校验;
"load-save" - 当文件加载和保存的时候进行校验;
"save-only" - 当文件被保存的时候进行校验;
推荐设置为 “save-only”,这样只在编写完代码,保存的时候才校验,Sublime Text 运行会更加流畅。
(2)校验引擎
(3)JSHint 选项
SublimeLinter 使用 JSHint 作为默认的 JavaScript
校验器,也可以配置为 jslint 和 gjslint(closure linter)。下面我使用的 jshint 校验选项,大家可以根据自己的编码风格自行配置,选项的含义可以参考这里:http://www.jshint.com/docs/#options
SublimeLinter 使用 CSSLint 作为 CSS 的校验器,下面是默认配置的校验选项,可以根据个人编码风格修改:
相关文章推荐
- 【翻译】Ext JS最新技巧——2015-10-21
- 【翻译】Ext JS最新技巧——2015-10-21
- 【翻译】Ext JS最新技巧——2015-10-21
- Douglas Crockford 大神写的 JavaScript 异步控制库:RQ(上)
- JSF -> 导航(Navigation)
- JavaScript之 ------ 一些常用的对象
- 【Leafletjs】6.Control.Loading推展-在地图上边框添加加载动态条
- JSP -> f:loadBundle用法
- 客户端禁用了javascript和cookie的解决办法
- javascript中的模式解析——原型模式
- [JS]写入Cookie
- JS 查找遍历子节点元素
- [JS]类
- js对文本框特殊字符串过滤
- javascript基础之八(原型揭秘)
- Jsp标准标签库JSTL
- Jsp验证码
- js拖拽功能
- JSP 九大内置对象详解
- javascript基础之七(函数闭包中this的变化)