这阵子各种捣鼓,现在趁有空记录一下sublime编辑器的一些实用的插件和安装方法,下午又该继续学习了。

  接下来安装的是htmlHint、jsHint、cssLint以及汉化这几种插件,其实插件会使我们越来越懒惰,虽然方便了但也是存在弊端,但是一些检查插件也使我们的开发效率提高了,

不用再因为一个逗号或是分号的bug找好几个小时了。话不多说,开始安装吧。

  老规矩,自拍镇楼

  首先安装好编辑器这个就不用细说了吧,实在不会网上找一找教程。然后我们安装插件之前要先去插件老窝https://packagecontrol.io/(要是想安装其他插件,比如颜色、主题还有什么七七八八的。根据你个人喜好都可以在这个网站上搜索安装,每个插件安装好后都大部分都会弹出页面告诉你使用方法如何配置等)。进到这个页面我们点击右边侧栏顶部的installation按钮,然后进去复制文字,

也就是图中红色框内的文字,我们复制起来就Ok了

  然后在sublime编辑器内ctrl + “·”,就是tab上面那个键,打开后将复制的文本粘贴进去就可以了,第一步就完成了,接下来我们就开始安装插件了。

  我们先来安装汉化的插件吧,在编辑器内ctrl+shift+p打开输入框,然后输入install package敲回车,接下来出现新的输入框,这个时候就可以搜索你要安装的插件了,汉化插件名称是“chineseLocalizations”

找到插件敲回车就可以了,安装完会弹出页面告诉你如何使用,很简单。

  接下来就是安装代码检测插件了,这几个插件安装前首先得安装nodejs,这里就不说怎么装了,也很简单,安装好了先装htmlHint,按照上面的步骤,装好插件后还需要在命令行执行全局安装

window用户cmd进入,mac用户打开终端  输入 npm install -g htmlHint

  cssLint,也是按照上面的步骤,只是在命令行执行的命令换成 输入 npm install -g cssLint

  jsHint,也是一样的步骤,命令行输入换成 输入 npm install -g jsHint

  到这里就算安装好了,重启你的编辑器写几行错代码看看效果呗。

简单介绍一下几个插件吧,

htmlHint顾名思义是检查html语法的插件,你的代码中出现嵌套错误,标签src或是href未填写都会出现提示框。

cssLint插件也是一样,样式代码错误或是未加分号等等都会出现提示。

jsHint可以检查多种语法,不只是局限于JavaScript,vue、jQuery,json等也是可以检测语法,是很强大的插件。

在编写过程中,有些提示肯定是我们不需要或是没必要提示的,这个时候我们也可以在自己配置插件,自定义规则。这个说来话长,今天也是在git上看了半个早上的文档才搞清一点,后面再记录修改方法吧。

共勉!悟已往之不谏,知来者之可追。实迷途其未远,觉今是而昨非。

没有插件的sublime编辑器是没有灵魂的的更多相关文章

  1. Sublime编辑器 前端 必备插件

    sublime编辑器前端必备插件 下面这一行是Package Control包安装,它是sublime的插件包管理器.新安装的sublime 里没有Package Control,按一下ctrl+~, ...

  2. Sublime编辑器上的Linux Vim插件常用快捷键

    Sublime编辑器上的 Vim 插件常用快捷键 vim 的设置: 在Reference-> User Settings(首选项--> 设置用户) 选项,点击进入配置文件编辑状态,默认的用 ...

  3. Sublime Text 编辑器 插件 之 "Sublime Alignment" 详解

    作者:shede333主页:http://my.oschina.net/shede333版权声明:原创文章,版权声明:自由转载-非商用-非衍生-保持署名 | [Creative Commons BY- ...

  4. Sass环境安装-Sass sublime 编辑器插件编译方法

    首先官网(http://www.ruby-lang.org/en/downloads/)下载 ruby (1)打开链接进入到下载页面,点击如下位置进行下载 (2)下载页面 (3)进入到各个版本的列表页 ...

  5. theme-sodareload sublime编辑器主题插件还不错,不是语法高亮

    theme-sodareload   sublime编辑器主题还不错,不是语法高亮

  6. 强大的Sublime编辑器

    Sublime是一款功能非常强大的轻量级的代码及文本编辑工具,有关它的介绍和下载可以从官网http://www.sublimetext.com获取.尽管Sublime并非是一款完全免费的IDE开发工具 ...

  7. Centos中安装Sublime编辑器

    Centos中安装Sublime编辑器 1.从官网下载相应操作系统的下的安装包(http://www.sublimetext.com/2),这里下的是linux下的安装包 2.解压安装包,并将其放在/ ...

  8. Sublime编辑器的使用

    Sublime编辑器的使用 我的本地使用环境是Win7下安装的Sublime3编辑器(提取码:nzuw). 1. 新建index.html,在代码编辑区输入<html,然后按下Tab键,可以快速 ...

  9. 如何使用sublime编辑器运行python程序

    现在越发喜欢sublime编辑器了,不仅界面友好美观.文艺,可扩展性还特别强. sublime本身是不具备运行python程序的能力的,需要做些设置才可以.以下是安装好sublime后设置的步骤: 点 ...

随机推荐

  1. 在Java8的foreach()中不能break,如果需要continue时,可以使用return

    今天使用lambda表达式处理集合时,发现对return.break以及continue的使用有点迷惑,于是自己动手测试了一下,才发现在使用foreach()处理集合时不能使用break和contin ...

  2. oracle创建表的方法和一些常用命令

    1.主键和外键主键:关系型数据库中的一条记录中有若干个属性,若其中的某一个属性组(注意是组,可以是一个,也可以是多个)能唯一标识一条记录,那么该属性组就是主键外键:关系型数据库表中的一列或者某几列的组 ...

  3. 【原】Solr入门之概念和安装

    Apache Solr 是Apache Lucene项目的开源企业搜索平台.其主要功能包括全文检索.命中标示.分面搜索.动态聚类.数据库集成,以及富文本(如Word.PDF)的处理.Solr是高度可扩 ...

  4. Code Signal_练习题_extractEachKth

    Given array of integers, remove each kth element from it. Example For inputArray = [1, 2, 3, 4, 5, 6 ...

  5. 【代码笔记】iOS-长条label

    一,效果图. 二,代码. ViewController.m - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup ...

  6. 使用标准C读取文件遇到的结构体对齐问题及其解决办法

    作者:朱金灿 来源:http://blog.csdn.net/clever101 同事使用标准C库读取文件,发现总是读取不对,让我帮忙看一下. 原来他定义了如下一个结构体: // 定义块的结构 typ ...

  7. [基础知识]row类visible使用

    使用row的visibe属性,要反向遍历rowset,因为如果正向遍历,rowset是实时变化的,行号是错误的.正确代码如下: Local integer &k; For &k = & ...

  8. 多个Portal for ArcGIS 间的协作实操

    原理 协作Colabartion 通过类似握手协议的方式在多个Portal之间建立信任关系.一个协作由一个宿主Portal和多个受邀Portal组成. 工作空间Workspace 一个协作可包含多个工 ...

  9. Python 列表(List)操作方法详解

    Python 列表(List)操作方法详解 这篇文章主要介绍了Python中列表(List)的详解操作方法,包含创建.访问.更新.删除.其它操作等,需要的朋友可以参考下   列表是Python中最基本 ...

  10. Expo大作战(一)--什么是expo,如何安装expo clinet和xde,xde如何使用

    简要:本系列文章讲会对expo进行全面的介绍,本人从2017年6月份接触expo以来,对expo的研究断断续续,一路走来将近10个月,废话不多说,接下来你看到内容,讲全部来与官网 我猜去全部机翻+个人 ...