安装

推荐安装sublime text 2, 3还是beta版,使用过几次感觉略卡顿。
官网 http://www.sublimetext.com/

安装 Package Control

package control是sublime安装插件包的管理工具,安装方法如下:
1.ctrl + ~ : 呼出控制台
2.在控制台输入一下代码

1
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')

3.确认安装成功
快捷键ctrl+shift+P打开Package Contrl,说明成功了

如果是sublime text 3, 安装package control代码如下:

1
2
3
4
5
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())

插件推荐

1.输入法跟随
在win7 64bit操作系统遇到 “搜过输入法不跟随光标,选词框总在屏幕最下方” 的问题,原因可能是Sublime Text的bug,并非输入法的bug;解决办法:安装IMESurpport插件即可。
1)ctrl+Shift+P 呼出 Package Control
2)输入Install Package,等待片刻,
3)然后IMESurport,就可以安装好了。

2.中文支持
如果遇到使用sublime text打开中文文件出现乱码的情况,可以尝试安装ConvertToUTF8GBK Encoding Support 这2个插件。

3.格式化js

4.格式化html

5.Emmet
前端开发必备神插件,安装后使用得当可极大的提高书写html的效率。
粗略介绍如下:
1) 在空白文件中输入html:5后,按快捷键ctrl+E, Emmet会自动生成一段标准的html5代码片段:

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>

</body>
</html>

2)输入html标签时可以省略大小括号,例如:
输入 div 然后按tab键,就可以得到

1
<div></div>

3) 原理同上,可以给标签后面加上id名或者class名,如

1
2
3
4
5
输入: div#container + tab
得到:<div id="container"></div>

输入: div.wrap + tab
得到: <div class="wrap"></div>

4)下级标签, 如:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
输入: ul>li + tab
得到:
<ul>
<li></li>
</ul>

输入: ul>li*5
得到:
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

6.DocBlockr很好用,不仅仅可以自动生成注释,还可以手动控制注释的格式。

安装方法:
Cmd+Shift+P -> Install Package -> docblockr

自定义配置:
Preference -> Package Settings -> DocBlockr -> Settings - User

配置成如下内容:

1
2
3
4
5
6
7
8
9
10
{
"jsdocs_extra_tags":[
"@Author Hybrid",
"@DateTime {{date}}",
"@copyright ${1:[copyright]}",
"@license ${1:[license]}",
"@version ${1:[version]}"
],
"jsdocs_function_description": false
}

参考: https://github.com/spadgos/sublime-jsdocs/

更详细使用方法参考官方指南:http://docs.emmet.io/

常用快捷键推荐

$ subl .在控制台终端中快速打开文档或者目录
start . 在控制台终端中迅速打开File Explorer
pushd path 更改目录
ctrl + shift + D: 复制当前行
ctrl + enter : 在当前行下一行插入光标
ctrl + D: 选择一个单词,配合使用 ctrl + K + D,可以实现多游标选择器。
alt + F3列选择
shift + alt + 2:把编辑区域分成左右2块(3、4其他同理)
ctrl + K + B : toggle side bar

自定义快捷键

细心的你一定发现sublime没有全部保存的快捷键,也没有一个GUI按钮可以点击,这就需要我们自定义添加一个全部保存的快捷键了,步骤:

打开 Preferences -> Key Binding - User 文件,添加快捷键为:
[
{ “keys”: [“ctrl+q”], “command”: “close_all” },
{ “keys”: [“ctrl+shift+s”], “command”: “save_all” }
]

这时候我们就可以通过 ctrl+shift+s 保存所有文件了,很高效有木有……
同理可以实现一键关闭所有文件 ctrl + q
关闭单个标签 ctrl + w

macOS 中使用subl命令

官方文档

按照官方文档执行命令:

ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" /usr/local/bin/

增加关闭所有标签功能

打开 Sublime Text -> Preferences -> ‘Key Bindings - User’, 加入一行自定义快捷键:

1
2
3
[
{ "keys": ["ctrl+q"], "command": "close_all" }
]

修改用户设置

打开 Sublime Text -> Preferences -> ‘Settings - User’, 加入:

1
2
3
4
5
6
{
// 滚动到底
"scroll_past_end": true,
// 双击选中又横杠(中划线)连接的单词
"word_separators": "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?"
}

换一个清爽的主题 —— Material-Theme

https://github.com/equinusocio/material-theme
https://github.com/equinusocio/material-theme-appbar