正文
一、HTML和CSS基础--开发工具--Sublime前端开发工具技巧介绍
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
下载：官网下载（根据系统下载）
安装：按步骤安装即可
注意：当前稳定版本为2，但3的功能有提升；Mac和Windows下的快捷键不同
优点：启动速度快，界面简洁，可以直接打开图片。
1 菜单栏主要功能介绍
Sublime Text 编辑器基础功能：
File菜单：对文件的操作功能
New File （文件）：打开新文件（ctrl + N）
Edit（编辑）：对文件进行操作
行列：复制一行：ctrl + shift + D
删除一行：ctrl + shift + K
注释：行注释：ctrl + /
段注释：ctrl + shift + /
Selection（选择）：选择代码
选择行：ctrl + L
选择词：ctrl + D（可重复命令进行多次选择）
Find（查找）
查找：ctrl + F
替换：ctrl + H
View（查看）：对编辑器的界面配置
侧边栏：显示/隐藏 ctrl + K ctrl + B
Goto（转到）：包涵GotoAnything特性，在文件内，或者文件之间，进行快速导航
：20 快速跳转到20行
Tools（工具）：命令模式
命令面板：ctrl + shift + P
Project（项目）：很少用
Preference（首选项）：个性化定制
设置-默认：编辑器配置文件
设置-用户：个人设置
主题方案--color scheme：颜色配置方案选择
2 Goto Anything
Goto Anything ：ctrl + P
搜索文件名：index.html
目录结构：view/index
自动匹配：view/ indexhtml
符号功能：在文件内部迅速导航
CSS文件中：@：CSS选择器（例如：@body）
Javascript文件中：@：函数
更改语法模式：ctrl + shift + P
3 多行游标
1、替换：ctrl + H
2、ctrl + D
3、添加新行
ctrl + D -- ctrl + K ctrl + D 跳过--多行输入
4、ctrl + D--ctrl + F3 对选中的词，进行全选
5、拆行的方式：ctrl + A --ctrl + shift + L
6、鼠标拖拽：选中后拖动即可产生多行游标
4 命令模式
命令模式：ctrl + shift +P
可以在这里切换语法模式
隐藏或显示minimap（不需要浪费脑细胞去记忆快捷键，用这个也可以。）
5 学以致用--综合技巧运用
1、ctrl + N
2、ctrl +shift + p ：sshtml
3、<html>（alt + . 闭合标签）
Eemmet插件：！ ctrl + E
4、跳转到body：ctrl +shift + p #body （#用于匹配页面）
5、ctrl + Enter 在光标下方添加新行
6、ul>.item$10 ctrl + E
7、缩进 ctrl + } （增加缩进）反之减少缩进
8、选择标记 alt + F3 多行游标
9、h2{} 输出内容
10、拷贝代码自动缩进：ctrl + shift +V
6 Emmet下 快速生成文件头的功能
输入下边加粗的缩写，然后Tab
html:4t
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="${lang}">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=${charset}">
<title>Document</title>
</head>
<body>
${child}
</body>
</html>
html:4s
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="${lang}">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=${charset}">
<title>Document</title>
</head>
<body>
${child}
</body>
</html>
html:xt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
<title></title>
</head>
<body>
${child}
</body>
</html>
html:xs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
<title>Document</title>
</head>
<body>
${child}
</body>
</html>
html:xxs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
<title>Document</title>
</head>
<body>
${child}
</body>
</html>
html:5
<!doctype html>
<html lang="${lang}">
<head>
<meta charset="${charset}">
<title>Document</title>
</head>
<body>
${child}
</body>
</html>
7 Sublime Text快捷键
Sublime Text快捷键：
Ctrl+Shift+P：打开命令面板
Ctrl+P：搜索项目中的文件
Ctrl+G：跳转到第几行
Ctrl+W：关闭当前打开文件
Ctrl+Shift+W：关闭所有打开文件
Ctrl+Shift+V：粘贴并格式化
Ctrl+D：选择单词，重复可增加选择下一个相同的单词
Ctrl+L：选择行，重复可依次增加选择下一行
Ctrl+Shift+L：选择多行
Ctrl+Shift+Enter：在当前行前插入新行
Ctrl+M：跳转到对应括号
Ctrl+U：软撤销，撤销光标位置
Ctrl+J：选择标签内容
Ctrl+F：查找内容
Ctrl+Shift+F：查找并替换
Ctrl+H：替换
Ctrl+R：前往 method
Ctrl+N：新建窗口
Ctrl+K+B：开关侧栏
Ctrl+Shift+M：选中当前括号内容，重复可选着括号本身
Ctrl+F2：设置/删除标记
Ctrl+/：注释当前行
Ctrl+Shift+/：当前位置插入注释
Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的
F11：全屏
Shift+F11：全屏免打扰模式，只编辑当前文件
Alt+F3：选择所有相同的词
Alt+Shift+数字：分屏显示
Alt+数字：切换打开第N个文件
Ctrl+Tab：切换tab
Ctrl+Shift+上下键，可替换行
Ctrl+Shift+P：打开命令面板
Ctrl+P：搜索项目中的文件
Ctrl+G：跳转到第几行
Ctrl+W：关闭当前打开文件
Ctrl+Shift+W：关闭所有打开文件
Ctrl+Shift+V：粘贴并格式化
Ctrl+D：选择单词，重复可增加选择下一个相同的单词
Ctrl+L：选择行，重复可依次增加选择下一行
Ctrl+Shift+L：选择多行
Ctrl+Shift+Enter：在当前行前插入新行
Ctrl+M：跳转到对应括号
Ctrl+U：软撤销，撤销光标位置
Ctrl+J：选择标签内容
Ctrl+F：查找内容
Ctrl+Shift+F：查找并替换
Ctrl+H：替换
Ctrl+R：前往 method
Ctrl+N：新建窗口
Ctrl+K+B：开关侧栏
Ctrl+Shift+M：选中当前括号内容，重复可选着括号本身
Ctrl+F2：设置/删除标记
Ctrl+/：注释当前行
Ctrl+Shift+/：当前位置插入注释
Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的
F11：全屏
Shift+F11：全屏免打扰模式，只编辑当前文件
Alt+F3：选择所有相同的词
Alt+Shift+数字：分屏显示
Alt+数字：切换打开第N个文件
Ctrl+Tab：切换tab
Ctrl+Shift+上下键，可替换行
主要快捷键列表
Ctrl+L 选择整行（按住-继续选择下行）
Ctrl+KK 从光标处删除至行尾
Ctrl+Shift+K 删除整行
Ctrl+Shift+D 复制光标所在整行，插入在该行之前
Ctrl+J 合并行（已选择需要合并的多行时）
Ctrl+KU 改为大写
Ctrl+KL 改为小写
Ctrl+D 选词 （按住-继续选择下个相同的字符串）
Ctrl+M 光标移动至括号内开始或结束的位置
Ctrl+Shift+M 选择括号内的内容（按住-继续选择父括号）
Ctrl+/ 注释整行（如已选择内容，同“Ctrl+Shift+/”效果）
Ctrl+Shift+/ 注释已选择内容
Ctrl+Z 撤销
Ctrl+Y 恢复撤销
Ctrl+M 光标跳至对应的括号
Alt+. 闭合当前标签
Ctrl+Shift+A 选择光标位置父标签对儿
Ctrl+Shift+[ 折叠代码
Ctrl+Shift+] 展开代码
Ctrl+KT 折叠属性
Ctrl+K0 展开所有
Ctrl+U 软撤销
Ctrl+T 词互换
Tab 缩进 自动完成
Shift+Tab 去除缩进
Ctrl+Shift+↑ 与上行互换
Ctrl+Shift+↓ 与下行互换
Ctrl+K Backspace 从光标处删除至行首
Ctrl+Enter 光标后插入行
Ctrl+Shift+Enter 光标前插入行
Ctrl+F2 设置书签
F2 下一个书签
Shift+F2 上一个书签
