Sublime Text 安装和使用

sublime text 3 安装

nodejs download
Sublime download
packagecontrol

简单的安装方法：

从菜单 View - Show Console 或者 ctrl + ~ 快捷键，调出 console。将以下 Python 代码粘贴进去并 enter 执行，不出意外即完成安装。以下提供 ST3 和 ST2 的安装代码：

Sublime Text 3

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

Sublime Text 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; 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')

手动安装：

可能由于各种原因，无法使用代码安装，那可以通过以下步骤手动安装Package Control：

1. 点击Preferences > Browse Packages菜单

2. 进入打开的目录的上层目录，然后再进入Installed Packages/目录

3. 下载 Package Control.sublime-package 并复制到Installed Packages/目录

4. 重启Sublime Text。

Package Control 主文件下载地址

Sublime Text 包管理 这里有很多Sublime 的包

Sublime Text3 快捷键

在官网首页有六张动画图片，介绍了Sublime的基本使用
1. ⌘D 快速选中相对单词
2. ⇧⌘L 对选中行进行列编辑，首先选中多行，再执行
3. ⇧⌘P 调用各种函数，执行各种命令
4. ⌘P 快速搜索文件，可以使用@检索函数，:检索行号，#在文件中搜索；
5. @ 在⌘P命令后的输入框中，快速搜索函数，⌘R命令也可以打开
6. ⌘F 搜索，在搜索框中.*使用正则搜索，Find All可以快速选中
7. ⇧⌘F 高级搜索
8. ⌘+J 合并选中的多行代码为一行
9. ⌘+L 选中整行，继续操作则继续选择下一行
10. ⌘+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。
11. ⌘+K+K 从光标处开始删除代码至行尾。
12. ⌘+Shift+K 删除整行。
13. ⌘+/ 注释单行。Ctrl+Shift+/ 注释多行。
14. ⌘+Z 撤销。
15. ⌘+Y 恢复撤销。

快捷键很多，在mac上和window上也不一样，mac多数是⌘键，⌘键无效时，可以使用CLRL。
参考资料： Sublime Text 快捷键

Sublime Text 包

地址：packagecontrol

Emmet

Emmet 安装

安装地址
Package Control:

运行 “Package Control: Install Package” 命令, 输入Emmet，敲回车，等待左下角状态栏完成.
重启Sublime。

手动安装:
1. 下载Emmet包，解压。
2. 运行Browse Packages命令打开一个文件夹，拷贝进去，重启Sublime。

Emmet 语法

http://docs.emmet.io/abbreviations/syntax/ html语法

1. Child: > div>ul>li
2. Sibling: + div+p+bq
3. Climb-up: ^ div+div>p>span+em^bq
4. Multiplication: * ul>li*5
5. Grouping: () div>(header>ul>li*2>a)+footer>p1
6. ID and CLASS div#myId div.title-class

7. css扩展 -bdrs 自动生成-webkit- -moz-

   -webkit-border-radius: ;-moz-border-radius: ;border-radius: ;

Emmet语法文件 太多太细，脑细胞不够啊。

Emmet 自定义插件

自定义插件

HTML-CSS-JS Prettify