Sublime Text 3使用技巧

gotoAnything 特性

ctrl+p 快捷键
可以查找文件（文件名或者路径）
@可以遍历该文件里所有的css选择器或者js函数

多行游标

方法1：选中单词，使用ctrl+d 找到下一个该单词位置，ctrl+k 跳过该单词
方法2：选中单词，alt+F3
方法3：放置光标到相关位置，按住shift键，按鼠标右键向下拖拽
Escape 退出多行游标模式

命令模式

切换文档的语法模式
ctrl+shift+p 输入set syntax:js/css/html…

其他快捷键

ctrl+n 新建页面
ctrl+shift+v 带缩进的粘贴

package control安装及问题解决

由于在家用热点安装的，无法访问一些网站，所以不能直接使用官方编码在命令输入框中直接安装。

1. 如果可以的话安装如下：
   在控制台中输入安装命令。
   Sublime Text 2

import urllib2,os,hashlib; h = ‘df21e130d211cfc94d9b0905775a7c0f’ + ‘1e3d39e33b79698005270310898eea76’; 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()) ); by = urllib2.urlopen( ‘http://packagecontrol.io/’ + pf.replace(’ ', ‘%20’)).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), ‘wb’ ).write(by) if dh == h else None; print(‘Error validating download (got %s instead of %s), please try manual install’ % (dh, h) if dh != h else ‘Please restart Sublime Text to finish installation’)

---

Sublime Text 3

import urllib.request,os,hashlib; h = ‘df21e130d211cfc94d9b0905775a7c0f’ + ‘1e3d39e33b79698005270310898eea76’; pf = ‘Package Control.sublime-package’; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( ‘http://packagecontrol.io/’ + pf.replace(’ ', ‘%20’)).read(); dh = hashlib.sha256(by).hexdigest(); print(‘Error validating download (got %s instead of %s), please try manual install’ % (dh, h)) if dh != h else open(os.path.join( ipp, pf), ‘wb’ ).write(by)

---

2. 手动安装
   (1) 下载Package Control.sublime-package
   地址：https://packagecontrol.io/installation#st3
   (2) 点击Preferences > Browse Packages
   (3) 进入上层目录，然后再进入Installed Packages
   (4) 将下载的Package Control.sublime-package复制到Installed Packages/目录
   (5) 重启
3. 在Package Control: Install Package时若出现了“There are no packages …”的错误，是因为无法访问channel_v3.json文件下载地址，所以需要手动下载并添加。
   (1) 在网上查找channel_v3.json文件下载
   (2) 解压放在D盘
   (3) 点击Preferences > Package Settings >Package Control>Settings - User
   (4) 添加代码

"channels":
	[
		"D:\\channel_v3.json"
	]

(5) 重启

优秀插件推荐

（1）Emmet
可以立刻生成对应的 HTML 结构或者 CSS 代码
基本语法：

• 生成后代元素：>

nav>ul>li

• 生成兄弟元素：+

div+p+bq

• 生成上级元素：^

nav>ul>li

• 生成上级元素：^

p>span+em^bq

• 生成类名： . 可以多个使用

.container.wrap

• 生成ID：#

#id名

• 生成分组：() 用括号进行分组

(.foo>h1)+(.bar>h2)

• 重复生成多份：* *号后面是想重复生成的份数

ul>li*5

• 对生成内容依次编号：$ ,在 $ 后面增加@N 指定开始的序号

ul>li.item$@3*5

• 生成自定义属性：[attr] 中括号里面的内容是你想添加的属性

td[rowspan=2 colspan=3 title]

• 生成文本内容：{} 大括号里面是你想添加的文本内容

a{Click me}

CSS中缩写
单位：
p 表示%
e 表示 em
r表示 rem

CSS3前缀：
w 表示 -webkit-
m 表示 -moz-
s 表示 -ms-
o 表示 -o-
（2）Jslint
JS代码语法错误检查
（3）DocBlockr
添加注释
（4）SideBarEnhancements
侧边栏功能增加