转载自：https://www.cnblogs.com/zyrblog/p/9667760.html
1、前言
工欲善其事，必先利其器。在软件代码的编写中，必定要知道IDE或者编辑器的快捷键的使用，这样能够提升不少的效率，特别是在前端代码的编写之中，很容易的就出现了HTML标签，如果每次都一个个敲出来，不只不美观，反而很是浪费时间，所以咱们须要学习一套快捷生成HTML以及标签的方法，无疑sublime text是当下很是流行的编辑器软件，很是强大和好用。那么让咱们来看一下强大的sublime text吧。css
2、sublime text中的快捷键
2.一、基本的快捷键
1 选择类
2 Ctrl+D 选中光标所占的文本，继续操做则会选中下一个相同的文本。 3 Alt+F3 选中文本按下快捷键，便可一次性选择所有的相同文本进行同时编辑。举个栗子：快速选中并更改全部相同的变量名、函数名等。 4 Ctrl+L 选中整行，继续操做则继续选择下一行，效果和 Shift+↓ 效果同样。 5 Ctrl+Shift+L 先选中多行，再按下快捷键，会在每行行尾插入光标，便可同时编辑这些行。 6 Ctrl+Shift+M 选择括号内的内容（继续选择父括号）。举个栗子：快速选中删除函数中的代码，重写函数体代码或重写括号内里的内容。 7 Ctrl+M 光标移动至括号内结束或开始的位置。 8 Ctrl+Enter 在下一行插入新行。举个栗子：即便光标不在行尾，也能快速向下插入一行。 9 Ctrl+Shift+Enter 在上一行插入新行。举个栗子：即便光标不在行首，也能快速向上插入一行。 10 Ctrl+Shift+[ 选中代码，按下快捷键，折叠代码。 11 Ctrl+Shift+] 选中代码，按下快捷键，展开代码。 12 Ctrl+K+0 展开全部折叠代码。 13 Ctrl+← 向左单位性地移动光标，快速移动光标。 14 Ctrl+→ 向右单位性地移动光标，快速移动光标。 15 shift+↑ 向上选中多行。 16 shift+↓ 向下选中多行。 17 Shift+← 向左选中文本。 18 Shift+→ 向右选中文本。 19 Ctrl+Shift+← 向左单位性地选中文本。 20 Ctrl+Shift+→ 向右单位性地选中文本。 21 Ctrl+Shift+↑ 将光标所在行和上一行代码互换（将光标所在行插入到上一行以前）。 22 Ctrl+Shift+↓ 将光标所在行和下一行代码互换（将光标所在行插入到下一行以后）。 23 Ctrl+Alt+↑ 向上添加多行光标，可同时编辑多行。 24 Ctrl+Alt+↓ 向下添加多行光标，可同时编辑多行。 25 26 27 编辑类 29 Ctrl+J 合并选中的多行代码为一行。举个栗子：将多行格式的CSS属性合并为一行。 30 Ctrl+Shift+D 复制光标所在整行，插入到下一行。 31 Tab 向右缩进。 32 Shift+Tab 向左缩进。 33 Ctrl+K+K 从光标处开始删除代码至行尾。 34 Ctrl+Shift+K 删除整行。 35 Ctrl+/ 注释单行。 36 Ctrl+Shift+/ 注释多行。 37 Ctrl+K+U 转换大写。 38 Ctrl+K+L 转换小写。 39 Ctrl+Z 撤销。 40 Ctrl+Y 恢复撤销。 41 Ctrl+U 软撤销，感受和 Gtrl+Z 同样。 42 Ctrl+F2 设置书签 43 Ctrl+T 左右字母互换。 44 F6 单词检测拼写 45 46 47 搜索类 48 49 Ctrl+F 打开底部搜索框，查找关键字。 50 Ctrl+shift+F 在文件夹内查找，与普通编辑器不一样的地方是sublime容许添加多个文件夹进行查找，略高端，未研究。 51 Ctrl+P 打开搜索框。举个例子：一、输入当前项目中的文件名，快速搜索文件，二、输入@和关键字，查找文件中函数名，
三、输入：和数字，跳转到文件中该行代码，4、输入#和关键字，查找变量名。 52 Ctrl+G 打开搜索框，自动带：，输入数字跳转到该行代码。举个栗子：在页面代码比较长的文件中快速定位。 53 Ctrl+R 打开搜索框，自动带@，输入关键字，查找文件中的函数名。举个栗子：在函数较多的页面快速查找某个函数。 54 Ctrl+： 打开搜索框，自动带#，输入关键字，查找文件中的变量名、属性名等。 55 Ctrl+Shift+P 打开命令框。场景栗子：打开命名框，输入关键字，调用sublime text或插件的功能，例如使用package安装插件。 56 Esc 退出光标多行选择，退出搜索框，命令框等。 57 58 59 显示类 60 61 Ctrl+Tab 按文件浏览过的顺序，切换当前窗口的标签页。 62 Ctrl+PageDown 向左切换当前窗口的标签页。 63 Ctrl+PageUp 向右切换当前窗口的标签页。 64 Alt+Shift+1 窗口分屏，恢复默认1屏（非小键盘的数字） 65 Alt+Shift+2 左右分屏-2列 66 Alt+Shift+3 左右分屏-3列 67 Alt+Shift+4 左右分屏-4列 68 Alt+Shift+5 等分4屏 69 Alt+Shift+8 垂直分屏-2屏 70 Alt+Shift+9 垂直分屏-3屏 71 Ctrl+K+B 开启/关闭侧边栏。 72 F11 全屏模式 73 Shift+F11 免打扰模式
2.二、快速建立新文件
在preferences中点击“package control”(若是没有，在下面有安装方式)html
而后输入AdvancedNewFile，点击安装便可：前端
以后咱们是用ctrl+alt+n便可快速建立文件：html5
2.三、代码格式化
sublime中自带的代码格式化工具（indent和unindent，快捷键为 Ctrl+[ 和 Ctrl+] ）其实能力有限，只能进行简单的格式化，对于不一样的语言来讲是不同的，所以咱们须要使用插件，一样的在package control中安装相应语言的格式化插件（搜索format,而后选择便可），这样就能够了。windows
3、安装sublime text插件emmet
在使用这些功能以前，咱们须要安装一个插件emmet，插件的安装方法以下：
3.一、打开Sublime text3，点击View找到Show Console（这两步能够用快捷键ctrl+~代替），则会出现如下界面将如下内容粘贴到控制台输入框，而后按enter键，下面的代码就是安装pageage control的：
浏览器
import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; 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)
3.二、再点击Preferences中的Package Control，找到Package Control Install Package，点击进入，在输入框中输入emmet，选择第一个（注意：笔者这里已经安装过了，所以显示的是emmet css，若是没有安装就是emmet），则会自动安装。markdown
3.三、测试：新建一个HTML文档，在其中输入html:xt+Tab键，看是否出现如下界面，若是出现则安装成功。编辑器
3.四、其余安装方法函数
上面的安装方法是最简单的了，可是还有其余的安装方法，好比咱们从官网上下载emmet的安装包，解压以后到文件夹之中，而后将该安装包导入到sublime之中。工具
点击browser package，将下载的文件解压到Packages目录下：
此时也可使用emmet，可是却没有安装package control，其实并不方便。
4、sublime text中的HTML快速生成方法
下面咱们总算能够愉快的使用emmet了：
4.一、新建文档xhtml、html5等
接着按下tab键触发emmet进行生成：
生成HTML5：
接着按下tab键触发emmet进行生成：
或者能够这样生成HTML5文件：
接着按下tab键触发emmet进行生成：
4.二、生成HTML标签
1 输入任何标记、双标记按下tab出现正常标签对 2 style 3 4 建立html标签含Id、多个类名的标记：建立格式和css选择器命名方式一致 5 建立id名为box的div标记 6 输入： div#box 7 建立类名为box的div标记 8 输入： div.box 9 同时建立两个div标记id为box1,类名为box2 10 输入：div#box1+div.box2 11 建立两个div标记 Id为box1,包含类名为box2 12 输入：div#box1>div.box2 13 建立id为box1的标记包含两个类名为box2的标记 14 输入：div#box1>div.box2*2 15 建立5个div类名为box、内容为1-5 16 输入：div.box{$}*5 17 建立5个div类名为box1-5 18 输入：div.box$*5 19 建立1个div类名为box，内容为’Hellow world!’ 20 输入：div.box{Hellow world!}
5、在sublime中使用markdown插件
5.一、首先咱们安装这几个插件
Markdown Editing 支持markdown编辑和语法高亮 Markdown Preview 支持markdown导出html预览支持,ctrl+shift+p输入mp通常会跳出 auto-save 可自定义的自动保存功能 Markdown Extended 和 Monokai Extended：markdown 代码高亮插件,二者配合使用效果最佳。
5.二、建立md文件并测试
以后咱们首先建立后缀为.md的文件，而后写入markdown语法的内容，而后使用Markdown Preview测试：
mark.md
在弹出的框之中选择markdown，以后就会打开浏览器并生成html了：
6、sublime text3破解
6.一、首先将sublime text3的请求的域名定位到本地，假装从而避免联网验证
windows: c:/windows/system32/drivers/etc/hosts
hosts文件须要管理员权限，所以咱们使用管理员方式打开cmd，而且使用notepad记事本打开该文件并修改便可：
127.0.0.1 www.sublimetext.com 127.0.0.1 license.sublimehq.com
6.二、其次查找当前版本的破解码
好比3.1.1的 3176 版本可用注册码：
----- BEGIN LICENSE ----- sgbteam Single User License EA7E-1153259 8891CBB9 F1513E4F 1A3405C1 A865D53F 115F202E 7B91AB2D 0D2A40ED 352B269B 76E84F0B CD69BFC7 59F2DFEF E267328F 215652A3 E88F9D8F 4C38E3BA 5B2DAAE4 969624E7 DC9CD4D5 717FB40C 1B9738CF 20B3C4F1 E917B5B3 87C38D9C ACCE7DD8 5F7EF854 86B9743C FADC04AA FB0DA5C0 F913BE58 42FEA319 F954EFDD AE881E0B ------ END LICENSE ------
6.三、最后咱们禁用更新
禁用 Sublime Text 3 检测新版本，设置 Preferences -> Settings-User，添加 "update_check": false
注意：其实咱们设置了hosts以后，sublime text就已经连不上网了，也不会更新了。
7、sublime text 打开文档出现乱码的解决办法
其实也是很是的简单，只须要安装一个插件ConvertToUTF8就能够了。
8、总结
学习了sublime的快捷方式以后，对咱们的代码的编写是很是有用的，能够节省咱们大量的时间和精力，最重要的是要熟练的使用，多练习才能熟能生巧。