Sublime Text安装和使用

Sublime text插件功能很强大,必需要安装php

1.直接安装

安装Sublime text 2插件很方便,能够直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。css

2.使用Package Control组件安装

也能够安装package control组件,而后直接在线安装:html

  1. 按Ctrl+`调出console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理-取消热键切换至QQ拼音)
  2. 粘贴如下代码到底部命令行并回车:
    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())
  3. 重启Sublime Text 2。
  4. 若是在Perferences->package settings中看到package control这一项,则安装成功。

若是这种方法不能安装成功,能够到这里下载文件手动安装html5

用Package Control安装插件的方法:

  1. 按下Ctrl+Shift+P调出命令面板
  2. 输入install 调出 Install Package 选项并回车,而后在列表中选中要安装的插件。

不爽的是,有的网络环境可能会不容许访问陌生的网络环境从而设置一道防火墙,而Sublime Text 2貌似没法设置代理,可能就获取不到安装包列表了。
好,方法介绍完了,下面是本文正题,一些有用的Sublime Text 2插件:python

GBK Encoding Supportjquery

对应gb2312来讲,Sublime Text 2 本生不支持的,咱们能够经过Ctrl+Shift+P调出命令面板或Perferences->Package Contro,输入install 调出 Install Package 选项并回车,在输入“GBK Encoding Support”选择开始安装,左下角状态栏有提示安装成功。这时打开gbk编码的文件就不会出现乱码了,若是有须要转成utf-8的能够在File- GBK to UTF8-选择Save with UTF8就偶看了。git

Zen Coding

这个,不解释了,还不知道ZenCoding的同窗强烈推荐去看一下:《Zen Coding: 一种快速编写HTML/CSS代码的方法》。github


PS:Zen Coding for Sublime Text 2插件的开发者已经中止了在Github上共享了,如今只有经过Package Control来安装。web

jQuery Package for sublime Text

若是你离不开jQuery的话,这个必备~~chrome

Sublime Prefixr

Prefixr,CSS3 私有前缀自动补全插件,显然也颇有用哇

JS Format

一个JS代码格式化插件。

SublimeLinter

一个支持lint语法的插件,能够高亮linter认为有错误的代码行,也支持高亮一些特别的注释,好比“TODO”,这样就能够被快速定位。(IntelliJ IDEA的TODO功能很赞,这个插件虽然比不上,可是也够用了吧)

Placeholders

故名思意,占位用,包括一些占位文字和HTML代码片断,实用。

Sublime Alignment

用于代码格式的自动对齐。传说最新版Sublime 已经集成。

Clipboard History

粘贴板历史记录,方便使用复制/剪切的内容。

DetectSyntax

这是一个代码检测插件。

Nettuts Fetch

若是你在用一些公用的或者开源的框架,好比 Normalize.css或者modernizr.js,可是,过了一段时间后,可能该开源库已经更新了,而你没有发现,这个时候可能已经不太适合你的项目了,那么你就要从新折腾一遍或者继续用陈旧的文件。Nettuts Fetch可让你设置一些须要同步的文件列表,而后保存更新。

JsMinifier

该插件基于Google Closure compiler,自动压缩js文件。

Sublime CodeIntel

代码自动提示

Bracket Highlighter

相似于代码匹配,能够匹配括号,引号等符号内的范围。

Hex to HSL

自动转换颜色值,从16进制到HSL格式,快捷键 Ctrl+Shift+U

GBK to UTF8

将文件编码从GBK转黄成UTF8,快捷键Ctrl+Shift+C

Git

该插件基本上实现了git的全部功能。


部分转载自 http://www.ueder.net/2012/03/

1. 项目文件夹浏览: sublime不一样于np++,它是基于项目管理,侧边栏能够导入正在开发的项目文件夹,(ctrl+k,ctrl+b)快捷键能够开关侧栏(ps: 这里逗号分隔的两个快捷键表明按下ctrl的同时先按K再按B,这种方式大大增长了快捷键的使用有效率),同时右键菜单里能够remove folder移除文件夹

2. 文件快速导航: 这是sublime上面很好用的功能之一,ctrl+p能够调出窗口,菜单上的解释是goto anythings ,确实如其所言,调出窗口后,直接输入关键字,能够在已打开的项目文件夹中进行快速文件名导航,并且支持模糊搜索 ,对于不想一直鼠标点开文件夹的同窗来讲极为方便,而且在该窗口里加上:前缀即为行跳转(ctrl+G),加上@(ctrl+R)前缀在html里是id 关键字导航,css里是每条规则导航,js里则是每一个function导航。

3. 命令行模式 ctrl+` 能够调出命令行模式,主要支持python语法等,没试用过只知 quit()能够退出 。。不过sublime的插件平台package controller能够用命令行安装,详见这里

4. ctrl+up, ctrl+down能够一行一行的滚动屏幕,pageUp pageDown一页一页翻动

5. ctrl+j是拼合两行,ctrl+shift+d是直接复制当前行,

6. ctrl+/ 单行注释, ctrl+shift+/块注释,sublime会自动根据语言选择注释方式

7. ctrl+L 选择当前行,ctrl+d 选择当前文字块,ctrl+shift+a 能够HTML标签内容,每按一次逐级往上, ctrl+shift+space能够选择js等语言里的块{内容}, ctrl+shift+F 是文件夹里查找,与普通编辑不一样的地方是sublime容许添加多个文件夹进行查找(add directory)

8. 在 菜单View-syntax下能够将当前面面以指定的语言进行语法高亮,一般状况下sublime会自动进行判断选择

9. ctrl+F2能够进行标记,而后F2在标记之间切换,这里不爽的是没法进行鼠标添加标记

10. snippets 代码片断插件 ,在tools-snippets菜单下能够查看当前页面支持的snippets,能够在缩略词后加tab自动补全snippets, snippets也能够从安装插件进行扩展

11. Build编译,能够进行ruby等代码的编译,我安装了一个yui compressor后,就能够在css js页面里进行压缩,快捷键是ctrl+B, 会自动在当前目录下生成xx.min.js, xx.min.css等压缩文件

12. 在菜单Preferences 下面是各类配置文件,sublime与其余编辑器不一样的是,他不提供可视化配置,软件的配置及快捷键配置全都是存在.xml文件里手动配 置,Settings-default 是系统默认配置,最好不要改,要改动的东西存放 在Settings-User里,好比font-size等, Key-bindings是快捷键配置, color scheme是代码配色方案选择,sublime自己提供了不少很不错的配色方案

13. 在页面右下角,有快速设置tab转为spaces的菜单,能够指定页面的tab宽度,也能够将页面全部tab转为指定的spaces格数

接下来介绍一下sublime的亮点,插件机制:
sublime插件能够经过两种方式进行插件安装,一种直接下载全部源码放置到C:\Users\yourName\AppData\Roaming \Sublime Text 2\Packages下面,另外一种则能够经过在线安装 package control的方式进行在线安装,
package control安装见其官网,就是在控制台里运行以下一段代码,再重启便可:

import urllib2,os; pf='Package Control.sublime-package';ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'

安装完便可在菜单preferences-package control下打开(这里有个快捷键ctrl+shift+p是编辑器操做的命令集合,能够直接根据关键字索引,省却菜单栏寻找的过程),在 package control下 Install Package是安装插件,选择后会连网获取插件列表,disabled package 是禁用某插件,enabled package 启用插件,remove package 移除插件,list package列出插件列表。

下面介绍几个我以为比较有用的插件,及它的功用吧(安装方法直接package control install 在线搜索安装):
1. BracketHighlighter :该插件提供配对标签,或大括号或字符引号的配对高亮显示,算是对系统高亮的增强吧。

2. ClipboardHistory: 该插件提供多剪贴板支持,你就能够同时保存多个剪贴板里的内容了,ctrl+alt+v快捷键调出

3. DocBlockr :该插件提供文件注释,方便后期根据注释生成API文档,输入 “/**” + enter调出 (在function的上面一行才有效果)

4. GBK Encoding Support: sublime自己不支持GBK,根据国情,装下这个插件就能够支持GBK了,同时也提供GBK与UTF之间转换

5. jquery 提供jquery的一些snippets片断 ,方便直接调用

6. JS Minifer 提供js压缩功能,基于GG的closure complier,快捷键:ctrl+alt+M

7. js Format 提供JS格式化功能,快捷键 ctrl+alt+F

8. prefixr 提供CSS3属性的浏览器前缀自动填充像-webkit- -moz- -o- -m-, 快捷键:ctrl+alt+x

9. yui compressor 这个你们都知道yui的压缩工具,能够压缩CSS JS,直接CTRL+B,便可(须要安装配置了jdk以后才可用)

10. sublime v8 该插件提供jshint 及 v8引擎的js解析器console,jshint是JS语法校验器,较严格, v8则跟chrome里控制台同样。

11. zenCoding 大名鼎鼎的zencoding就不用多解释, 调用方式两种,一种是ctrl+alt+enter, 一种是输入完标签直接tab。

12. html5 该插件提供许多 html5相关的标签等snippets,也很是实用。

13. SFTP 该插件提供ftp服务器管理,用来管理本身的空间很不错,经过配置来操做

相关文章
相关标签/搜索