Sublime Text 3使用SublimeLinter配置JS,CSS,HTML语法检查(实用)
Sublime Text 3使用SublimeLinter配置JS,CSS,HTML语法检查
Sublime安装插件有两种方式:
1.直接下载安装包解压缩到Packages目录, 2.通过Package Control组件来安装组件,后者更加的方便。
1.安装Package Control
很简单,百度一搜基本都有。
2.安装SublimeLinter
SublimeLinter是Sublime的一个代码检测工具插件。
安装SublimeLinter前必须安装node.js
1.打开Sublime,按下 Ctrl+Shift+p 进入 Command Palette;2.输入install进入 Package Control: Install Package;3.输入SublimeLinter,选择SublimeLinter进行安装。
说明:
安装完成后,可以看到具体的 Linters 组件不被包含在 SublimeLinter 3 中,所以,我们要额外独立安装组件。
3.可以针对不同的语言安装不同的组件。
3.1JavaScript 语法检查
SublimeLinter-jshint 是基于 nodeJS 下的 jshint 的插件,实际上 SublimeLinter-jshint 调用了 nodeJS 中 jshint 的接口来进行语法检查的。
操作:安装 SublimeLinter-jshint,让 JavaScript 代码有语法检查
插件使用说明:https://github.com/SublimeLinter/SublimeLinter-jshint
说明:在插件开始工作之前,我们必须再看一下上述插件的安装说明,我们可以看到,这个组件依赖于 nodeJS 下的 jshint,所以我们安装 nodeJS 环境和 nodeJS 下的 jshint。运行cmd:1.通过 npm 安装jshint:npm install -g jshint 打开sublime软件:1.按下 Ctrl+Shift+p 进入 Command Palette2.输入install进入 Package Control: Install Package3.输入SublimeLinter-jshint。进行安装.现在,恭喜你,我们使用 Sublime 编辑 JavaScript 文件,就会有语法检查了!在编辑过程中,会有语法提示。
3.2 CSS 语法检查
与 jshint 同理,SublimeLinter-csslint 也是基于 nodeJS 下的 csslint 的插件,实际上 SublimeLinter-csslint 调用了 nodeJS 中 csslint 的接口来进行语法检查的。
操作:安装 SublimeLinter-csslint,让css代码有语法检查
插件使用说明:https://github.com/SublimeLinter/SublimeLinter-csslint
说明:这个组件依赖于 nodeJS 下的 jshint,所以我们安装 nodeJS 环境和 nodeJS 下的 csslint。运行cmd:1.通过 npm 安装jshint:npm install -g csslint 打开sublime软件:1.按下 Ctrl+Shift+p 进入 Command Palette2.输入install进入 Package Control: Install Package3.输入SublimeLinter-csslint。进行安装. 确实是否安装完成:运行cmd,输入 csslint --version.可以查看 csslint 版本,已确认安装完成。现在,恭喜你,我们使用 Sublime 编辑 css 文件,就会有语法检查了!
3.3 html 语法检查
sublimeLinter-contrib-htmlhint 也是基于 nodeJS 下的 csslint 的插件,实际上 sublimeLinter-contrib-htmlhint 调用了 nodeJS 中 htmlhint 的接口来进行语法检查的。
sublimeLinter-contrib-htmlhint调用xg-htmlhint来进行语法检查。
操作:安装xg-htmlhint,让html代码有语法检查
插件github下载地址:https://github.com/mmaday/SublimeLinter-contrib-htmlhint/releases
步骤:
说明:这个组件依赖于 nodeJS 下的 jshint,所以我们安装 nodeJS 环境和 nodeJS 下的 xg-htmlhint。运行cmd:1.通过 npm 安装xg-htmlhint:npm install -g xg-htmlhint 打开sublime软件:1.按下 Ctrl+Shift+p 进入 Command Palette2.输入install进入 Package Control: Install Package3.输入sublimeLinter-contrib-htmlhint。进行安装. 此时打开Sublime Text3,xg-htmlhint就可以检测代码了,保存(cmd + S)的时候如果有错误会有错误提示。 现在,恭喜你,我们使用 Sublime 编辑 html 文件,就会有语法检查了!
—— 完毕,认真整理,还望大家笑纳,点赞。
Sublime Text 3使用SublimeLinter配置JS,CSS,HTML语法检查(实用)相关推荐
- Sublime Text 3使用SublimeLinter配置JS,CSS,HTML语法检查
安装Package Control Sublime安装插件有两种方式,一种是直接下载安装包解压缩到Packages目录,另一种是通过Package Control组件来安装组件,后者更加的方便. ...
- 配置sumlime html,Sublime Text 3使用SublimeLinter配置JS,CSS,HTML语法检查
Sublime安装插件有两种方式,一种是直接下载安装包解压缩到Packages目录,另一种是通过Package Control组件来安装组件,后者更加的方便. 打开Sublime,按control + ...
- Sublime Text 3安装、配置与使用技巧
我开始学习python基础知识的时候,上网查找对应适合的编辑器,网上推荐的有很多,我最终选择的是Sublime Text 3和pycharm,考虑到开始学习的适合不需要处理大量的代码,仅仅是练习使用, ...
- TeXLive + Sublime Text 3 + LaTeXTools 环境配置
<TeXLive + Sublime Text 3 + LaTeXTools 环境配置> 原文链接:https://th0.me/1737.html 下面来说说我按照上面的方式安装时遇到的 ...
- 快捷方便的对js文件进行语法检查。
一直使用http://www.jslint.com/的js语法检查工具对javascript进行语法检查. 我将主页另存为一个mht文件,可以直接在本地进行检查,不用每次都联网.不久前将操作系统有20 ...
- Sublime Text 3中SublimeLinter的使用
关于Sublime Text 2中的SublimeLinter的使用网上多如牛毛,基本上不会遇到什么问题,简单的讲一下关于Sublime Text 3中遇到的问题: 1.通过package cont ...
- sublime Text 些许使用配置
在安装numpy等库函数时,通过"命令提示符"操作显示库函数已经安装完毕,在pycharm中可是依然显示引用失败,尝试使用sublime,显示可用,遂好好使用sublime,现配置 ...
- Sublime Text 3 (含:配置 C# 编译环境)
Sublime Text 3 http://www.sublimetext.com/3 http://www.sublimetext.com/3dev 1. 关闭自动更新 菜单:Preferen ...
- Sublime Text 3 、WebStorm配置实时刷新
本文所用软件版本Sublime Text 3(Build 3143).WebStorm 2017.2.4(Build #WS-172.4155.35).Google Chrome v61.0.3163 ...
- linux下sublime安装目录在那,linux下sublime text 3安装到配置
1. Sublime Text 3的下载安装 到官方网站上http://www.sublimetext.com/3下载64位(系统位64位)的.deb安装包(http://c758482.r82.cf ...
最新文章
- javafx中的tree_JavaFX中的塔防(6)
- 使用Hamcrest增强JUnit的测试能力
- linux版的navicat提示丢失scilexer.dll
- 第六章 图像识别与卷积神经网络
- mysql查询的是问号_MySQL客户端查询中文显示为问号(linux) | 学步园
- TeamViewer——Ubuntu系统上的安装和卸载
- 常用和不常用端口一览表
- 【JVM · 调优】监控及诊断工具
- android实现支付功能,Android支付宝支付开发实例
- 利用Python爬取QQ好友头像
- eCos编译Synthethic Target程序时无法解析__sprintf_chk的解决办法
- BZOJ4487 JSOI2015染色问题(组合数学+容斥原理)
- java.security.cert.CertificateException: X.509 not found,X.509证书找不到
- 吊炸天,Spring Security还有这种用法
- 读书笔记---货币战争
- MATLAB实现雅可比与高斯塞德尔迭代
- SAP中计划独立需求与生产版本的关联导致无法删除问题的处理实例
- PHP多人聊天系统,ttltCha​tPHP多人在线聊天系统软件源码 v0.0.12
- unity 正六边形网格绘制(精简版)-代码可直接复用
- 【Scratch课件-广播并等待】百米赛跑
热门文章
- Java 数据字典的实现
- rdcman汉化_Remote Desktop Organizer – 管理组织远程桌面 - 小众软件
- Matlab实现GM(1,1)模型(源代码)
- C# Udp测试工具开发
- windows下Tomcat详细安装配置教程
- cad线性标注命令_CAD中线性标注的快捷命令是什么
- 计算机毕业设计springboot门诊管理系统
- Cosos H5开发工具箱(上)
- Spark2.1.1中用各种模式运行计算圆周率的官方Demo
- opencv使用tensorflow ssd迁移学习 pb文件转pbtxt文件出错