SublimeLinter js和css的语法检查
JavaScript 语法检查
SublimeLinter-jshint 是基于 nodeJS 下的 jshint 的插件,实际上 SublimeLinter-jshint 调用了 nodeJS 中 jshint 的接口来进行语法检查的。
安装 SublimeLinter-jshint
为了让 JavaScript 代码有语法检查,我们安装 SublimeLinter-jshint
同样的方法,我们安装 SublimeLinter-jshint
- 按下
Ctrl+Shift+p
进入
Command Palette - 输入
install
进入
Package Control: Install Package - 输入
SublimeLinter-jshint
。进行安装.
如下图
安装完成后我们可以看到下面的一段话
- SublimeLinter-jshint
- -------------------------------
- This linter plugin for SublimeLinter provides an interface to jshint.
- ** IMPORTANT! **
- Before this plugin will activate, you *must*
- follow the installation instructions here:
- https://github.com/SublimeLinter/SublimeLinter-jshint
安装 nodeJS 和 jshint
在插件开始工作之前,我们必须再看一下上述插件的安装说明
通过 SublimeLinter-jshint 的说明 我们可以看到,这个组件依赖于
nodeJS 下的 jshint,所以我们安装 nodeJS 环境和 nodeJS 下的 jshint。
- 安装 Node.js (如何安装配置在sublime text,在下一条博客)
- 通过 npm 安装
jshint (注意这个命令 npm install -g jshint是放在cmd运行,而不是sublime text的控制台)
在命令行下输入如下代码,完成安装
- npm install -g jshint
安装完成后命令行中出现如下的信息
- C:\Users\Administrator\AppData\Roaming\npm\jshint -> C:\Users\Administrator\AppData\Roaming\npm\node_modules\jshint\bin\jshint
- jshint@2.6.3 C:\Users\Administrator\AppData\Roaming\npm\node_modules\jshint
- ├── strip-json-comments
- ├── underscore@1.6.0
- ├── exit@0.1.2
- ├── shelljs@0.3.0
- ├── console-browserify@1.1.0 (date-now@0.1.4)
- ├── htmlparser2@3.8.2 (domelementtype@1.3.0, entities@1.0.0, domhandler@2.3.0, readable-stream@1.1.13, domutils@1.5.1)
- ├── minimatch@1.0.0 (sigmund@1.0.0, lru-cache@2.5.0)
- └── cli@0.6.6 (glob@3.2.11)
可以查看 jshint 版本,已确认安装完成。
- C:\Users\Administrator>jshint -v
- jshint v2.6.3
现在,恭喜你,我们使用 Sublime 编辑 JavaScript 文件,就会有语法检查了!
在编辑过程中,会有如下提示
点击提示点后,Sublime 状态栏也会有相应的说明
css 语法检查
与 jshint 同理,SublimeLinter-csslint 也是基于 nodeJS 下的 csslint 的插件,实际上 SublimeLinter-csslint 调用了 nodeJS 中 csslint 的接口来进行语法检查的。
安装 SublimeLinter-csslint
同样的方法。
- 按下
Ctrl+Shift+p
进入 Command Palette - 输入
install
进入 Package Control: Install Package - 输入
SublimeLinter-csslint
。进行安装.
如下图
安装完成后我们可以看到下面的一段话
- SublimeLinter-csslint
- -------------------------------
- This linter plugin for SublimeLinter provides an interface to csslint.
- ** IMPORTANT! **
- Before this plugin will activate, you *must*
- follow the installation instructions here:
- https://github.com/SublimeLinter/SublimeLinter-csslint
在使用插件之前,必须遵循上述网址中的安装说明
在 nodeJS 下安装 csslint
进入上述的 GitHub 地址,csslint 的说明页。我们知道了和 jshint 一样,csslint 也是基于 nodeJS 下的 csslint 来使用的。
这里安装 nodeJS 过程省略。
只需用 npm 安装 csslint 即可。
在命令行中输入
- npm install -g csslint
安装完成后命令行中出现如下的信息
- C:\Users\Administrator\AppData\Roaming\npm\csslint -> C:\Users\Administrator\AppData\Roaming\npm\node_modules\csslint\cli.js
- csslint@0.10.0 C:\Users\Administrator\AppData\Roaming\npm\node_modules\csslint
- └── parserlib@
可以查看 csslint 版本,已确认安装完成。
- C:\Users\Administrator>csslint --version
- v0.10.0
现在,恭喜你,我们使用 Sublime 编辑 css 文件,就会有语法检查了!
在编辑过程中,会有如下提示
点击提示点后,Sublime 状态栏也会有相应的说明
SublimeLinter js和css的语法检查的更多相关文章
- webpack 之 js语法检查eslint
webpack 之 js语法检查eslint // 用来拼接绝对路径的方法 const {resolve} = require('path') const HtmlWebpackPlugin = re ...
- grunt 单独压缩多个js和css文件【转】
原文地址:http://xiaomiya.iteye.com/blog/2177877 使用grunt来压缩前端js,css文件 因为最近做的客户端本地项目有用到十几个js,js提交之前都需要压缩.用 ...
- GruntJs安装及使用入门(自定义grunt任务,合并压缩js、css)
一.Grunt.js简介(实现自动化) 1)简要说明: 1.GruntJs是基于node的javascript命令行工具,可以自动化构建.测试.生成文档的项目管理工具: 2.使用GruntJs可以自动 ...
- linux下常用语言的语法检查插件整理
linux下常用语言的语法检查插件 可以结合vim语法检查插件syntastic使用,具体请参考syntastic使用说明 如php,sql,json,css,js,html,shell,c等语法插件 ...
- 简单使用grunt、bower工具合并压缩js和css
前段时间因为项目中的报表写了一个Jquery插件,开源到github上,参考以往大神们写的插件的姿势,决定搞了像模像样一点.言归正传.前端工程师对这些工具:Node,bower,grunt,npm这些 ...
- js,jquery,css,html5特效
包含js,jquery,css,html5特效,源代码 本文地址:http://www.cnblogs.com/roucheng/p/texiao.html 2017新年快乐特效 jQuery最新最全 ...
- gulp 实现 js、css,img 合并和压缩
前提条件,知道如何安装nodejs.gulp,这里不做介绍,可以自行google 实现此功能需要安装的gulp工具有如下 npm install gulp-htmlmin gulp-imagemin ...
- IE和firefox火狐在JS、css兼容区别
1.firefox不能对innerText支持. firefox支持innerHTML但却不支持innerText,它支持textContent来实现innerText,不过默认把多余的空格也保留了. ...
- 将Microsoft Ajax Minifier集成到VS2013对JS、CSS进行编译时压缩
在网站发布中,一般要将js,css文件压缩减少体积,以减少在HTTP请求中的流量.将Microsoft Ajax Minifier集成到VS2013中就可以对JS.CSS进行编译时压缩. VS2013 ...
随机推荐
- 使用 kexec 快速重启 Linux
http://www.ibm.com/developerworks/cn/linux/l-kexec/ 简介: 即使您的工作不要求您每天多次重新启动您的 Linux 机器,等待系统启动也实在是一件枯燥 ...
- kubernetes调度之 PriorityClass
系列目录 kubernetes支持多种资源调度模式,前面讲过简单的基于nodeName和nodeSelector的服务器资源调度,我们称之为用户绑定策略,下面简要描述基于PriorityClass的同 ...
- “checkbox”和“select”对象在javascript和jquery的操作差异做了整理
checkbox checkbox在javascript和jquery中选中和取消的方法 Javascript: document.getElementById("myCheck" ...
- AppStore审核--17.5
本文转载至 http://blog.csdn.net/addychen/article/details/39672185 感谢原文作者分享 AppStore审核 为了确保用户理解应用如何使用他们的数据 ...
- 2016/7/7 设置wamp2.5 mysql密码 重点是mysql版本
密码设置时要注意mysql版本.版本不同,效果不同. 方法/步骤 安装好wamp后,右击wamp->MySQl->MySql console(控制台) 提示输入密码,因为密码为 ...
- Hadoop实战-Flume之Hello world(九)
环境介绍: 主服务器ip:192.168.80.128 1.准备apache-flume-1.7.0-bin.tar文件 2.上传到master(192.168.80.128)服务器上 3.解压apa ...
- mysql给一张表新增字段,并设置该字段为外键
首先给usercategory表新增libraryid字段: alter table usercategory add libraryid varchar(50) 修改picturelibrary表的 ...
- 剑指Offer:旋转数组的最小数字【11】
剑指Offer:旋转数组的最小数字[11] 题目描述 把一个数组最开始的若干个元素搬到数组的末尾,我们称之为数组的旋转. 输入一个非递减排序的数组的一个旋转,输出旋转数组的最小元素. 例如数组{3,4 ...
- chrome最小字体12px
http://www.mamicode.com/info-detail-512021.html http://www.divcss5.com/wenji/w738.shtml
- True(False) Positives (Negatives), 召回率和精度定义
True Positive (真正, TP)被模型预测为正的正样本: True Negative(真负 , TN)被模型预测为负的负样本 : False Positive (假正, FP)被模型预测为 ...