Sublime插件:

Sublime有好几种安装插件的方法,但是最好用也是最长用的是ctrl+shift+p。

第一步:

使用ctrl+` 调出Sublime控制台,在控制台中输入

import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

第二步:

重启Sublime,使用快捷键ctrl+shift+p,再输入框中输入Install Package

第三步:

输入你要安装的插件名,点击enter就ok了,这时状态栏是会显示正在安装,当出现install successfully时就表示安装成功了,如果安装失败可能是网络问题,多尝试几次。

插件能够帮助我们完成一些复杂的事情,简化工作,下面是我在Sublime中安装的几个好用的插件:

1. docblocker

自动注释,jsdoc标准,输入/**回车即可,可以自定义一些注释字段,如:date,配置如下:

{

"jsdocs_extra_tags": ["@date {{date}}"],

"jsdocs_align_tags": "deep"

}

2. Emmett

自动完成HTML代码,提高编写页面效率,按照语法写完,在最后按tab键就可完成,语法参考:http://docs.emmet.io/abbreviations/syntax/

3. alignment

自动对齐代码,比如json对象的冒号对齐,变量的等号对齐等,可以配置,快捷键ctrl+alt+d,配置如下:

{
// The mid-line characters to align in a multi-line selection, changing
// this to an empty array will disable mid-line alignment
"alignment_chars": ["=",":",",","--"],

// If the following character is matched for alignment, insert a space
// before it in the final alignment
"alignment_space_chars": ["=",",",":","--"],

"jsdocs_extra_tags": ["@date {{date}}"]

}

4. bracket highlighter

高亮代码匹配,可以匹配括号,引号,标签等

5. js format

js代码格式化,可以使你的代码看起来更漂亮,快捷键ctrl+alt+f

6.  Tag

HTML代码格式化,右键选择auto-format tags on doucument

7. sublimelinter

支持lint语法的插件,快捷键ctrl+alt+l,当检测出错误或者警告时会在行标处提示,可以设置什么时候检测,配置如下:

{

"sublimelinter":"save-only",//当保存的时候检测

}

8. prefixr

自动添加浏览器前缀,快捷键ctrl+alt+x

9. jQuery

jquery代码补全,快捷键tab

如果你有好的插件可以@我,继续补充。

Sublime text2插件的更多相关文章

  1. sublime text2 插件 - ctags的使用

    第1步:安装Ctag.exe文件 1.下载ctags程序,下载地址:http://pan.baidu.com/share/link?shareid=2930217876&uk=20133352 ...

  2. Sublime text2 插件推荐

    HTML-CSS-JS Prettify:  前端插件,使用 ctrl+shift+h 格式化代码

  3. 如何安装sublime text2以及它的插件?

    下载Sublime Text2的安装包,安装,安装后打开的界面如图   下面我们来给他安装插件,首先安装packagecontrol,打开菜单栏中的View-->show console   在 ...

  4. sublime text2 操作及插件

    sublime text2 1. 文件快速导航: 这是sublime上面很好用的功能之一,ctrl+p可以调出窗口,菜单上的解释是gotoanythings ,确实如其所言,调出窗口后,直接输入关键字 ...

  5. sublime text2 用ctags插件实现方法定位

    sublime text2 用ctags插件实现方法定位(转) 我们用sublime几乎都会首先安装这个插件,这个插件是管理插件的功能,先安装它,再安装其他插件就方便了. 点击sublime的菜单栏 ...

  6. Sublime text2 常用插件集锦

    No.01 – EmmetEmmet 是一个前端开发的利器,其前身是Zen Coding.它让编写 HTML 代码变得简单.Emmet 的基本用法是:输入简写形式,然后按 Tab 键.关于 Emmet ...

  7. Sublime Text2 中Emmet(之前叫Zencoding)插件安装以及使用

    一.添加插件之前先 下载Package Control 按 Ctrl+`(就是~这个键) 复制下面的代码 确认 重新启动sublime text2 import urllib2,os;pf='Pack ...

  8. sublime text2一些使用技巧+插件

    一.前言 作为一个前端,有一款好的开发利器是必不可少的,editplus.notepad++都是不错的工具,体积轻巧,启动迅速(dw太浮肿了).最近,又有一款新的编辑器诞生,席卷前端界,惹得无数喜爱, ...

  9. sublime Text2下安装php code sniffer插件

    为了跟团队保持开发规范的一致性,需要安装sublime Text2的php code sniffer插件,之前是用的phpfmt插件,发现两个规范还是有点不一样,需要再安装php code sniff ...

随机推荐

  1. PostgreSql 函数

    DECLARE curParkingTime TIMESTAMP ; curLeavingTime TIMESTAMP; parkingSpaceIndexCode VARCHAR[]; days I ...

  2. go编译

    1. Go编译器 两种官方编译器,gc和gccgo,其中gccgo基于gcc后端. go编译器支持8种指令集,不同建构编译质量不同: amd64 (also known ) (x86 or x86-) ...

  3. PPP或PPPOE身份验证PAP和CHAP

    PPP或PPPOE都支持身份验证,有两种验证方式:PAP和CHAP. PAP,Passwd Authentication Protocol,密码验证协议,以客户端明文方式传递用户名和密码,服务器和本省 ...

  4. 计算机名、主机名、用户账户名与NetBIOS名有什么区别

    1.计算机名:右击“我的电脑”,选择“属性”,在“系统属性”对话框的“计算机名”选项卡里,可以设置计算机名.计算机名是对域(或工作组)中的计算机的标识,如果你的计算机名设置为“至清水”,则在网上邻居里 ...

  5. [数据结构]A*寻路算法

    简易地图 如图所示简易地图, 其中绿色方块的是起点 (用 A 表示), 中间蓝色的是障碍物, 红色的方块 (用 B 表示) 是目的地. 为了可以用一个二维数组来表示地图, 我们将地图划分成一个个的小方 ...

  6. How get a String Width in Libgdx?

    http://stackoverflow.com/questions/16600547/how-get-a-string-width-in-libgdx

  7. JS 控制页面超时后自动跳转到登陆页面

    <span style="font-size: small;"><script language="javascript"> var m ...

  8. ASP.NET MVC5使用AjaxHelp

    默认情况下,Visual Studio 2013新建ASP.NET MVC5项目,不包含jquery.unobtrusive-ajax.js,需要手工添加. 点击Visual Studio 2013中 ...

  9. SAP Process Integration - High Level ERP/Integration Process --- Cargill Process Concept Design

    Customer Industry: Commercial off-the-shelf (COTS) application ,, Food Ingredients or Agricultural S ...

  10. Android 8 AudioPolicy 分析

    AudioTrack最终会调用AudioPolicyManager::getOutput(); frameworks\av\services\audiopolicy\managerdefault\Au ...