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. UK 更新惊魂记

    本文前提是.由于更easy安装各种webserver.数据库,redis缓存.mq等软件,笔者使用Ubuntu Kylin作为开发系统已经好长时间了. 而今天(2015-07-23)下午2时许,系统提 ...

  2. servlet 过滤器实现 请求转发(跳转);跨域转发请求;tomcat 环境下。

    一般的文章都有 文本内容 和图片的.我想实现一个图片服务(或服务器)来单独处理图片逻辑,和文章处理逻辑分离.于是我想到一个办法,来尝试. 背景: 1. 假如文章的处理在web App,就叫web1 吧 ...

  3. OC与AS3的观察者模式比较以及外部回调

    一.要点 1.AS3的观察者模式,主要是体现在在哪个组件上监听,那么就在这个组件上分发事件,并且可以直接传递Function. 2.OC的观察者模式,主要是需要你指定观察的对象,和观察的对象方法sel ...

  4. 切换tab页

    //切换Tab页        $('#tt').tabs({               border:false,               onSelect:function(title){ ...

  5. css样式冲突问题练习例子

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org ...

  6. Should I expose asynchronous wrappers for synchronous methods?

    Lately I've received several questions along the lines of the following, which I typically summarize ...

  7. (笔记)Mysql命令alter add:增加表的字段

    alter add命令用来增加表的字段. alter add命令格式:alter table 表名 add字段 类型 其他; 例如,在表MyClass中添加了一个字段passtest,类型为int(4 ...

  8. (笔记)Mysql命令select:当前选择(连接)的数据库

    select命令表示当前选择(连接)的数据库. select命令格式:mysql> select database(); MySQL中SELECT命令类似于其他编程语言里的print或者writ ...

  9. 用OpenGL进行立方体表面纹理贴图

    一.目的 掌握OpenGL中纹理对象的创建.绑定与使用方法. 二.简单介绍 1,连接静态库 #pragma comment(lib, "glut32.lib") #pragma c ...

  10. Winform控件学习笔记【第六天】——TreeView

    TreeView控件用来显示信息的分级视图,如同Windows里的资源管理器的目录.TreeView控件中的各项信息都有一个与之相关的Node对象.TreeView显示Node对象的分层目录结构,每个 ...