一、介绍：

1. 下载官网: http://www.sublimetext.com/ 版本最新：3.0 稳定版：2.0

2. 特征：

1.启动速度非常的快。

2. 编辑区，码农每天工作的地方，当然越大越好！

3.自动保存未保存到硬盘上的文件！

二、功能和菜单：

1.File：

New file: 新建文件 Ctrl + n

Open file: 打开文件 Ctrl + o 。可以自动识别文件类型，并且给语法高亮，右下角可以手动修改！

2. Edit：

常规：

复制：  Ctrl + c

剪切：  Ctrl + x

黏贴：  Ctrl + v

保持缩进黏贴：Ctrl + Shift + v

撤销：  Ctrl + z

恢复撤销：  Ctrl + y

Line：

左缩进： Ctrl + [

右缩进： Ctrl + ]

合并行： Ctrl + j

合并代码显示：Ctrl + Shift + [

关闭合并代码：Ctrl + Shift + ]

行上移： Ctrl + Shift + Up键

行下移： Ctrl + Shift + Down键

复制行： Ctrl + Shift + d

删除行： Ctrl + Shift + k

Comment：

注释一行（注释选中）：Ctrl + /

注释父标记（注释选中）：Ctrl + Shift + /

Text：

插入行前：Ctrl + Enter

插入行后：Ctrl + Shift + Enter

删除光标之后该行：Ctrl + kk

Selection：

选择该行：Ctrl + L 可重复选择多行

选择该单词：Ctrl + d 可重复选择多个单词

File：

查找： Ctrl + f 替换： Ctrl + h

View：

显示隐藏项目菜单栏：Ctrl + k + b

Goto:

Goto Anthing: Ctrl +p

A  :数字

比如： :20 回车锁定第20行

B 文件锁定（模糊匹配），如果知道在哪个目录下更好

比如： aa/index.php   index.html

C @ 锁定css选择器：bgc àbackground-color

D  # 匹配页面标签和内容

比如：#body，default_encoding

Tools:

命令模式： Ctrl + Shift + p

A：切换语法模式。（右下角也行）

比如：比如切换到javascript,输入set syntax javascript, js 会模糊匹配到js的语法

B：右侧minimap关闭和启动：比如：mini就可以了

Preferences:

Settings-Default：

中是标准的json文件，是sublim的默认配置项。比如：font_size:10字体大小 "line_numbers": true行号

Settings-User: 用户的个性化修改配置。

Color-Scheme: 文本底色，个人喜欢：Sunburst

三、多行游标：

1. 选择该单词：Ctrl + d 可重复选择多个单词

2. 选中多个单词：Alt + F3：

3. Shift + 鼠标右键拖动

四、补全：

alt + . 可以完成补全，但是依旧不够炫酷Emmet插件：补全用Ctrl + e 或者 Tab键

html:5或!：HTML5文档类型

html:xt：XHTML过渡型文档类型

html:xs：XHTML严格型文档类型（xhtml）

修改HTML初始化文件：Sublime Text 2.0.2\Data\Packages\HTML\html.sublime-snippet

五、符号使用：

1.“#”表id，“.”表类，“+”表并列：

比如：#header+.bodys+#footer 打印3个div

注意：#和.的简写 div.ok等同于.ok，div#no等同于#no，所以直接写.或#时，默认为Div标签是也

ul和 ol中输入指的是li

table、tbody、thead和tfoot指的是tr

tr中指的是td

select和optgroup指的是option

注意：默认情况下，如.item和div.item起到的作用是一致的

。

2.“>”指子嵌套内容： ul>li>img+p

3. 上一层嵌套内容：

比如：section>div>p>a^p 相当于 select>div>(p>div)+p

4.“()”指同级范围，“[]”表属性：

(ul>li*10>img)+p

h1[title=someting]

html>(head>title+style+script)+body[bgcolor="red"]>(div.content>div.nav+div.sidebar+div.main)+div.footer

5.“*”表标签克隆： div*10 表示打印10个div

6.“{}”表标签内容： h1{这是标题}  --

这是标题

7.“$”表连续数： .user$*3 打印3个class分别为user1 user2 user3的div

http://www.w3cplus.com/tools/using-emmet-speed-front-end-web-development.html 教程

六、CSS：

缩写：

margin(m)    m10-12-12-12

padding(p)    p12

color(c)

border:1px solid green(bd1-solid-green)

border-bottom(bdb)

border-top(bdt)

font-size(fz)

font-size:18px(fs)

font-size:12em(fz12e)

px→ 默认

p→ %

e→ em

r→ rem

x→ ex

c#fff + bd1-solid-green