利用SublimeLinter 编写高质量的 JavaScript & CSS 代码
SublimeLinter 是前端编码利器——Sublime Text 的一款插件,用于高亮提示用户编写的代码中存在的不规范和错误的写法,支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。这篇文章介绍如何在 Windows 中配置 SublimeLinter 进行 JS & CSS 校验。
准备工作
安装 Sublime Text 包管理工具:http://wbond.net/sublime_packages/package_control
使用 Sublime Text 包管理工具安装 SublimeLinter:https://github.com/SublimeLinter/SublimeLinter
安装 Node.js,建议安装 Windows Installer 版本:http://nodejs.org
参数配置
打开 SublimeLinter 的配置文件,Preferences->Package Settings->SublimeLinter->Settings - User,进行如下配置:
(1)运行模式
"sublimelinter": "save-only",
SublimeLinter 的运行模式,总共有四种,含义分别如下:
true - 在用户输入时在后台进行即时校验;
false - 只有在初始化的时候才进行校验;
"load-save" - 当文件加载和保存的时候进行校验;
"save-only" - 当文件被保存的时候进行校验;
推荐设置为 “save-only”,这样只在编写完代码,保存的时候才校验,Sublime Text 运行会更加流畅。
(2)校验引擎
"sublimelinter_executable_map": { "javascript":"D:/nodejs/node.exe", "css":"D:/nodejs/node.exe" }
这里是配置 JavaScript 和 CSS 校验需要用到的 JS 引擎(这里用的是 Node.js)的安装路径。
(3)JSHint 选项
SublimeLinter 使用 JSHint 作为默认的 JavaScript 校验器,也可以配置为 jslint 和 gjslint(closure linter)。下面我使用的 jshint 校验选项,大家可以根据自己的编码风格自行配置,选项的含义可以参考这里:http://www.jshint.com/docs/#options
"jshint_options": { "strict": true, "noarg": true, "noempty": true, "eqeqeq": true, "undef": true, "curly": true, "forin": true, "devel": true, "jquery": true, "browser": true, "wsh": true, "evil": true }
(4)CSSLint 选项
SublimeLinter 使用 CSSLint 作为 CSS 的校验器,下面是默认配置的校验选项,可以根据个人编码风格修改:
"csslint_options": { "adjoining-classes": "warning", "box-model": true, "box-sizing": "warning", "compatible-vendor-prefixes": "warning", "display-property-grouping": true, "duplicate-background-images": "warning", "duplicate-properties": true, "empty-rules": true, "errors": true, "fallback-colors": "warning", "floats": "warning", "font-faces": "warning", "font-sizes": "warning", "gradients": "warning", "ids": "warning", "import": "warning", "important": "warning", "known-properties": true, "outline-none": "warning", "overqualified-elements": "warning", "qualified-headings": "warning", "regex-selectors": "warning", "rules-count": "warning", "shorthand": "warning", "star-property-hack": "warning", "text-indent": "warning", "underscore-property-hack": "warning", "unique-headings": "warning", "universal-selector": "warning", "vendor-prefix": true, "zero-units": "warning" }
(资源库 www.zyku.net)
上一篇:Sublime text 3双击无法选择$符号的解决方法
栏 目:Sublime
下一篇:Sublime Text3下配置SublimeLinter进行PHP代码检查
本文标题:利用SublimeLinter 编写高质量的 JavaScript & CSS 代码
本文地址:https://www.zyku.net/sublime/1136.html
您可能感兴趣的文章
- 03-10Sublime Text3下配置SublimeLinter进行PHP代码检查
- 10-18帝国CMS去掉“此栏目暂无任何新增信息
- 11-17网易云音乐怎么添加自定义状态
- 03-13帝国CMS常用函数
- 09-19小米运动耳机连接蓝牙步骤介绍
- 11-18qq群禁止被搜索方法介绍
- 11-30帝国CMS修改TAG列表分页数量的方法
- 03-17华为watchfit开启微信通知方法
- 09-27钉钉群接龙怎么参与
- 10-23苹果13如何取消定位服务
- 01-11窝窝(一起看电影)-窝窝(一起看电影)应
- 01-11红米k30电池健康值在哪看
- 12-23OPPO手机怎么更改便签视图模式
- 01-08真我GT2Pro怎么启用亮屏通知
- 04-15oppofindx3设置语音唤醒Breeno方法
- 03-03华为gt2添加门禁卡教程
- 01-25红米k30pro手机HD图标关闭方法
- 05-10执行docker ps命令,提示 "Cannot conne
- 01-12美育助教-美育助教应用软件功能介绍
- 12-23HTML <dialog> 标签
最近更新
阅读排行
猜你喜欢
- 08-19网易云音乐表白翻译机在哪里
- 03-11nginx、php-fpm、mysql用户权限解析
- 01-17恋爱小助手app-恋爱小助手app应用软件
- 02-18YII路径的用法总结
- 09-27vivox70pro+动态壁纸在哪
- 04-15小米手环6太空人表盘设置教程
- 07-07Textarea输入字数限制实例(兼容iOS&安
- 01-08学知题题库-学知题题库应用软件功能介
- 02-29帝国CMS支持云存储(又拍云/七牛云)的方
- 12-28中科职业教育-中科职业教育应用软件功