工具篇之优雅地使用Sublime Text3

来源：互联网发布：墨子号成功发射知乎编辑：程序博客网时间：2024/05/29 08:40

Sublime Text3快捷键

Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。
Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。
Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。
Ctrl+Shift+L 先选中多行（可用Ctrl+A选中全文），再按下快捷键，会在每行行尾插入光标，即可同时编辑这些行。
Ctrl+Enter 在下一行插入新行。
Ctrl+Shift+Enter 在上一行插入新行。
Ctrl+Shift+[ 选中代码，按下快捷键，折叠代码。
Ctrl+Shift+] 选中代码，按下快捷键，展开代码。
Ctrl+K+0 展开所有折叠代码。
Ctrl+← 向左单位性地移动光标，快速移动光标。
Ctrl+→ 向右单位性地移动光标，快速移动光标。
shift+↑ 向上选中多行。
shift+↓ 向下选中多行。
Shift+← 向左选中文本。
Shift+→ 向右选中文本。
Ctrl+Shift+← 向左单位性地选中文本。
Ctrl+Shift+→ 向右单位性地选中文本。
Ctrl+Shift+↑ 将光标所在行和上一行代码互换（将光标所在行插入到上一行之前）。
Ctrl+Shift+↓ 将光标所在行和下一行代码互换（将光标所在行插入到下一行之后）。
Ctrl+Alt+↑ 向上添加多行光标，可同时编辑多行。
Ctrl+Alt+↓ 向下添加多行光标，可同时编辑多行。（慎用，会将屏幕反向）
F11全屏模式，再按一次退出全屏模式
Ctrl+N 新建文件
Ctrl+S 保存文件
Ctrl+Shift+P：调用命令面板，快速查找，例如：改变语法模式等（Set Syntax+）。模糊匹配，可以减少对快捷键的记忆。
可以在命令模式下将Minimap打开和隐藏
Ctrl+F查找，Ctrl+H替换
Ctrl+/ 行注释，Ctrl+Shift+/ 块注释
Ctrl+P: 查找项目中的文件：
直接输入名称：在不同文件中切换，支持级联的目录模式
:：+ 行号：Ctrl+G 定位到具体的行。
@：+ 符号：Ctrl+R定位到具体的符号，例如：JS函数名，CSS选择器名。
#：+ 关键字：Ctrl+;匹配到具体的匹配的关键字。主要是模糊匹配。

多行游标
30. Ctrl+D：选中当前光标所在位置的单词。连续使用时，进行多光标选择，选中下一个同名单词。
31. Ctrl+K：配合Ctrl+D可以跳过下一个同名单词。
32. Ctrl+L：选择当前光标所在位置的行。连续使用时，继续选中下一行。
33. Ctrl+Shift+L：在多行选中后，在所有选中的行后产生游标。
34. Ctrl+shirt+D：复制游标所在行
35. Shift+鼠标右键：向下拖动，产生多个光标。
36. 当在 Sublime Text 中编写 markdown 文件时，F6可以直接在浏览器中刷新md页面。
37. Ctrl+[ 向左缩进，Shift+Tab也是向左缩进
38. Ctrl+] 向右缩进，Tab也是向右缩进
39. Ctrl+Shift+V 保持缩进粘贴
40. 在命令面板中snip找到snippet:Function可以快速创建function函数，而且Tab键可以到下一个要修改的区块内，减少了鼠标的使用。
41. 在JsFormat插件下即可在JS文件中通过鼠标右键->JsFormat或键盘快捷键Ctrl+Alt+F对JS进行格式化
42. 在CssComb插件下菜单Tools->Run CSScomb或在CSS文件中按快捷键Ctrl+Shift+C可以使CSS属性进行排序和格式化

插件安装

插件安装方式一：直接安装：

安装Sublime text 3插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->packages）。

插件安装方式二：使用Package Control组件安装：

按 Ctrl+` 调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）粘贴以下代码到底部命令行并回车：

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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)

重启Sublime Text 3。如果在Perferences->package settings中看到package control这一项，则安装成功。按下Ctrl+Shift+P调出命令面板输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。

Sublime Text 3插件推荐

1： HTML-CSS-JS Prettify 一款集成了格式化（美化）html、css、js三种文件类型的插件，即便html,js写在PHP文件之内。插件依赖于nodejs，因此需要事先安装nodejs，然后才可以正常运行。插件安装完成后，快捷键ctrl+shift+H完成当前文件的美化操作。
问题解决链接：http://www.cnblogs.com/yuanbo88/p/6065773.html
2：Emmet 这个就不用多说了，大家都知道的
3：Autoprefixer插件这是一款CSS3私有前缀自动补全插件使用方法：在输入CSS3属性后（冒号前）按Tab键即可。
4：Markdown Editing 和 Markdown Preview，实现预览MD
打开 Preferences->Package Settings->Markdown Preview->Setting User 将下面这句话粘贴进去。

{    // "浏览markdown的浏览器的路径"    "browser" : "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe"}//打开Preferences->Key Binding User，添加下面一句话。{    "keys": ["f6"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"}},//keys的值是以上面浏览器预览markdown文件。

直接按F6就可以打开浏览器预览markdown
5：AutoFileName：文件路径自动提示
6：Terminal：在Sublime Text直接打开命令行。
preference–>package Settings–>Terminal–>Settings-users：进行下面的设置：

{    "terminal": "C:\\Windows\\System32\\cmd.exe",    "parameters": ["/START", "%CWD%"]}

即可使用快捷键Ctrl+Shift+T呼出命令行窗口
7：SublimeREPL
这可能是对程序员很有用的插件。SublimeREPL 允许你在 Sublime Text 中运行各种语言（NodeJS ， Python，Ruby， Scala 和 Haskell 等等）。
8：SublimeCodeIntel 作为一个代码提示和补全插件，支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等所有语言，是 Sublime Text 自带代码提示功能基础上一个更好的扩展。
9：CssComb是为CSS属性进行排序和格式化插件
使用方法：菜单Tools->Run CSScomb或在CSS文件中按快捷键Ctrl+Shift+C。

最后来解决一下sublime text不能自动保存的问题

1.首先打开sublime text 3 编辑器，选择 Preferences 下的Setting ，也可以直接 Ctrl + shift + P ，搜索 setting.
2.之后会进入以下的界面，将左边的内容滑到185行，选中 “save_on_focus_lost”: false, 复制粘贴到右边,再将右边的false 改成true 就可以。

0 0