如何优雅地使用Sublime Text3
AjaLhd
9年前
<p>Sublime Text：一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。相比于难于上手的Vim，浮肿沉重的Eclipse，VS，即便体积轻巧迅速启动的Editplus、Notepad++，在SublimeText面前大略显失色，无疑这款性感无比的编辑器是Coding和Writing最佳的选择，没有之一。</p> <p>原文首链，请移步这里 <a href="/misc/goto?guid=4959651743953569112" rel="nofollow,noindex">如何优雅地使用Sublime Text</a> ;最后更新于2015.12.15晚 (不能为简书文章添加目录？，额，折腾不出来，醉了)，但目录结构还是可以有的：</p> <p>如何优雅地使用Sublime Text 之 目录结构</p> <p>Sublime Text 2和3的对比</p> <p>Sublime Text 3安装插件</p> <p>Sublime Text 3插件推荐</p> <p>定制属于自己的快捷键</p> <p>Sublime不可不知的实用技巧</p> <p>定制属于自己的个性化主题</p> <p>Sublime锦上添花些许设置</p> <p>写在一路更来的结语</p> <h2><strong>Sublime Text 2和3的对比</strong></h2> <p>相比于2，Sublime Text 3就秒启动一项，就压倒性地胜利了。因此在之后的叙述中都以Sublime Text 3为主角。并且3一直在不断的完善更新，具体的差异可参看 <a href="/misc/goto?guid=4959651744040440469" rel="nofollow,noindex">Sublime Blog</a></p> <p>.简单的说：</p> <ul> <li>ST3支持在项目目录里面寻找变量</li> <li>提供了对标签页更好地支持（更多的命令和快捷键）</li> <li>加快了程序运行的速度</li> <li>更新了API，使用Python3.3</li> </ul> <p>强烈推荐朋友们使用3! 唯快不破，不解释。</p> <h2><strong>Sublime Text 3安装插件</strong></h2> <p>Sublime Text的强大就是她拥有强大的课可扩展性。您可根据自己的需要安装不同的插件；这使得她变的无比强大的同时又不失轻便。</p> <ul> <li><strong>插件安装方式一：直接安装：</strong></li> </ul> <p>安装Sublime text 3插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->packages）。</p> <ul> <li><strong>插件安装方式二：使用Package Control组件安装：</strong></li> </ul> <p>按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）粘贴以下代码到底部命令行并回车：</p> <pre> import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())</pre> <p>重启Sublime Text 3。如果在Perferences->package settings中看到package control这一项，则安装成功。按下Ctrl+Shift+P调出命令面板输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。</p> <p>PS：国内使用SublimeText3，经常可能遇到无法安装可用插件问题，可remove掉 <strong>Package Control</strong> 重新安装下；如遇到连Package Control也无法安装，则可以在别处拷贝一份关于Package Control的文件－(Package Control.sublime-package)存放于 Installed Packages 目录之下即可。</p> <h2><strong>Sublime Text 3插件推荐</strong></h2> <p><strong>无插件，不神器！</strong></p> <p>根据自己的需要定制属于自己的强大插件集；作为在移动端旧游之后，又Web端新游的自己，墙裂推荐以下这么几款插件：</p> <p><a href="/misc/goto?guid=4958825778759189797" rel="nofollow,noindex">MarkDown Editing</a></p> <p>SublimeText不仅仅是能够查看和编辑 Markdown 文件，但它会视它们为格式很糟糕的纯文本。这个插件通过适当的颜色高亮和其它功能来更好地完成这些任务。关于如何在SublimeText下高效些东西可参见文章： <a href="/misc/goto?guid=4959651744243843297" rel="nofollow,noindex">sublime text 2(3)下的Markdown写作</a> 抑或是前段时间写下的 <a href="/misc/goto?guid=4959651744317067169" rel="nofollow,noindex">追寻高效工作的一路折腾㈡</a></p> <p><a href="/misc/goto?guid=4959651744399809470" rel="nofollow,noindex">SideBarFolders</a></p> <p>打开的文件夹都太多了? 来用这个来管理文件夹，世界原来也可以这么美好。</p> <p><img src="https://simg.open-open.com/show/5331d76a4ed5794079b9298fd605ce6f.png"></p> <p>SideBarFolders</p> <p><a href="/misc/goto?guid=4959651744481803367" rel="nofollow,noindex">Sublime Terminal</a></p> <p>这个插件可以让你在Sublime中直接使用终端打开你的项目文件夹，并支持使用快捷键。</p> <p><a href="/misc/goto?guid=4958825778650838094" rel="nofollow,noindex">ColorPicker</a></p> <p>通常，如果你想使用一个颜色选择器则可能打开 Photoshop 或 GIMP。而在 Sublime Text 中，你可以使用内置的颜色选择器。安装完成后，只要按下Ctrl / Cmd + Shift + C 快捷键。</p> <p><a href="/misc/goto?guid=4958976046253206824" rel="nofollow,noindex">SublimeREPL</a></p> <p>这可能是对程序员很有用的插件。SublimeREPL 允许你在 Sublime Text 中运行各种语言（NodeJS ， Python，Ruby， Scala 和 Haskell 等等）。</p> <p><a href="/misc/goto?guid=4958976046825162906" rel="nofollow,noindex">Ctags插件</a></p> <p>有童鞋抱怨Sublime Text不能支持函数的跳转（比如像Eclipse那样，按住Control点击该方法或者对象，即可跳转到定义的地方； Alt+←即可回到原处）。其实Sublime Text也可以借助插件实现之（当然，有些情况下:Can not find defination）毕竟这个也是借助正则来匹配完成的。因此这个也就要求代码很规范。这个插件相对来讲会有些麻烦，具体的可以参见: <a href="/misc/goto?guid=4959651744645729906" rel="nofollow,noindex">Sublime Text ctags 的配置</a> .</p> <p><a href="/misc/goto?guid=4959646103589042711" rel="nofollow,noindex">SublimeLinter插件</a></p> <p>SublimeLinter 是前端编码利器—— <a href="/misc/goto?guid=4959651744753447299" rel="nofollow,noindex"> <strong>Sublime Text</strong> </a> 的一款插件，用于高亮提示用户编写的代码中存在的不规范和错误的写法，支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。这篇文章介绍如何在 Windows 中配置 SublimeLinter 进行 JS & CSS 校验。</p> <p>比如写例如像lua这样的弱语言脚本代码，有这个可以规避掉很多不该有的低级错误吧？当然这也需要你SublimeLinter安装完毕之后再安装一个 SublimeLinter-lua 即可。具体的使用可以参见： <a href="/misc/goto?guid=4959651744837142813" rel="nofollow,noindex">借助 SublimeLinter 编写高质量的 JavaScript & CSS 代码</a></p> <p><a href="/misc/goto?guid=4958878054138154499" rel="nofollow,noindex">SideBarEnhancements插件</a></p> <p>SideBarEnhancements是一款很实用的右键菜单增强插件；在安装该插件前，在Sublime Text左侧FOLDERS栏中点击右键，只有寥寥几个简单的功能；安装了就相当于给其丰了大胸一般。 <em> <em>更强大的是</em> </em> ，该插件还能让我们自定义快捷键呼出某个浏览器以预览页面！这样就不用到项目目录下寻找和拖动到特定浏览器中预览了。</p> <p>安装此插件后，点击菜单栏的 <em>preferences->package setting->side bar->Key Building-User</em> ，键入以下代码：</p> <pre> [ { "keys": ["ctrl+shift+c"], "command": "copy_path" }, //chrome { "keys": ["f2"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:\\Users\\jeffj\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe", "extensions":".*" } } ]</pre> <p>这里设置按Ctrl+Shift+C复制文件路径，按F2即可在Chrome浏览器预览效果(如果需要的话，也可以根据自己的需要为Firefox，Safari，IE，Opera等加上)，当然你也可以自己定义喜欢的快捷键，最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。</p> <p><a href="/misc/goto?guid=4958878051337728183" rel="nofollow,noindex">HTML-CSS-JS Prettify</a></p> <p>一款集成了格式化（美化）html、css、js三种文件类型的插件，即便html,js写在PHP文件之内。插件依赖于nodejs，因此需要事先安装nodejs，然后才可以正常运行。插件安装完成后，快捷键ctrl+shift+H完成当前文件的美化操作。插件对html、css文件的美化不是非常满意，但还可以，后面将说明如何修改css美化脚本。本人用起来超级爽的，鉴于篇幅，就不赘述，可以参见 <a href="/misc/goto?guid=4959651744970150890" rel="nofollow,noindex">这篇</a> 介绍。</p> <p><a href="/misc/goto?guid=4959639285976379428" rel="nofollow,noindex">CSScomb CSS属性排序</a> :</p> <p>有时候看看自己写的CSS文件，会不会觉得属性很乱查找不易维护难？CSScomb可以按照一定的CSS属性排序规则，将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码，按Ctrl+Shift+C，即可对CSS属性重新排序了，代码从此简洁有序易维护，如果不款选代码则插件将排序文件中所有的CSS属性。当然，可以自己自定义CSS属性排序规则，打开插件目录里的CSScomb.sublime-settings文件，更改里面的CSS属性顺序就行了。因为这个插件使用PHP写的，要使他工作需要在环境变量中添加PHP的路径，具体请看github上的说明。</p> <p><a href="/misc/goto?guid=4959636677398345112" rel="nofollow,noindex">SublimeTmpl 快速生成文件模板</a></p> <p>一直都很奇怪为什么sublime text 3没有新建文件模板的功能，像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件终于可以解脱了，SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板，所有的文件模板都在插件目录的templates文件夹里，可以自定义编辑文件模板。</p> <p>SublimeTmpl默认的快捷键:</p> <pre> ctrl+alt+h html ctrl+alt+j javascript ctrl+alt+c css ctrl+alt+p php ctrl+alt+r ruby ctrl+alt+shift+p python</pre> <p>如果想要新建其他类型的文件模板的话，先自定义文件模板方在templates文件夹里，再分别打开Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings这四个文件照着里面的格式自定义想要新建的类型，这里就详细介绍了，请各位自己折腾哈~</p> <p><a href="/misc/goto?guid=4959651745105822206" rel="nofollow,noindex">Javascript-API-Completions</a> :</p> <p>支持Javascript、JQuery、推ter Bootstrap框架、HTML5标签属性提示的插件，是少数支持sublime text 3的后缀提示的插件，HTML5标签提示sublime text3自带，不过JQuery提示还是很有用处的，也可设置要提示的语言。</p> <p><img src="https://simg.open-open.com/show/c27cead73a4cabcc6e6c3992964a7d18.gif"></p> <p>sublime-jq-plugin</p> <p>SFTP：快速编辑远程服务器文件</p> <p>在Win下用 Xftp 和 WinScp ，被这种需要切换点击or F5刷新的手动操作蛋疼到无语；故此一遇见这 SFTP ，顿觉这世界都美好了许多。当然Sublime下面也有些其他同步插件，比如 FtpSnyc ，但是配置起来的错误提示一点都不人性化，就毫不留情的舍弃了。Sublime下有 SFTP ，只要 Ctrl+S 即可同步本地到服务器，妥妥的爽歪歪有么有？如何配置，请参见 <a href="/misc/goto?guid=4959651745201905207" rel="nofollow,noindex">在 Sublime Text中使用 SFTP 插件快速编辑远程服务器文件</a> ;如欲使用 FtpSync 可参见 <a href="/misc/goto?guid=4959651745273096870" rel="nofollow,noindex">Sublime使用及FtpSync远程同步</a> ；大道至简，因简而悦；开心垒码，值得折腾。</p> <p><a href="/misc/goto?guid=4959651745349142226" rel="nofollow,noindex">WakaTime</a> -- 记录你的Code时间;</p> <p><a href="/misc/goto?guid=4959651745430070224" rel="nofollow,noindex">WakaTime</a> 可以做到精确地统计到你花在某个项目上的时间;WakaTime针对不同的IDE，拥有不同的插件，在Sublime上安装着 <a href="/misc/goto?guid=4958878056457840091" rel="nofollow,noindex">插件</a> ，就能统计到我使用Sublime进行的所有项目的行为。可以高效管理和知晓自己code时间；并且，统计完善, 适合发朋友圈装逼（如果你喜欢的话）~</p> <p>Waka的基本设计和rescuetime类似。每个人注册完将获取一个key，装一个客户端，把key输进去（登陆是同一个道理），然后它就把本地的所有行为带个key扔给服务器来统计，一段时间之后给你个报表。不过Waka做的真的很精准，精确到每一个文件用了多少秒，每一种语言用了多少时间。</p> <p><img src="https://simg.open-open.com/show/4471df18459d0627e368c0388a90fb81.png"></p> <p>安装和使用都很简单，请参见 <a href="/misc/goto?guid=4959651745539584273" rel="nofollow,noindex">这里</a> 。另外一篇比较详细的文章 <a href="/misc/goto?guid=4959651745620948292" rel="nofollow,noindex">时间都去哪了?用RescueTime和WakaTime来记录你的时间</a> ,对RescueTime和WakaTime有一个更为详细的叙述，可以一读。</p> <p>剩下些许其他的可以按需安装的插件，比如：</p> <ul> <li><strong>ConvertToUTF8</strong> 支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的插件</li> <li><strong>Bracket Highlighter</strong> 用于匹配括号，引号和html标签。对于很长的代码很有用。安装好之后，不需要设置插件会自动生效</li> <li><strong>DocBlockr</strong> 可以自动生成PHPDoc风格的注释。它支持的语言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++</li> <li><strong><font color="purple">Emmet(Zen Coding)</font></strong> 快速生成HTML代码段的插件，强大到无与伦比:可以超快速编写HTML/CSS/JS，当然这个插件还支持多种编译环境，如常见的：Eclipse/Aptana、Coda、Notepad++、Adobe Dreamweaver、TextMate等， <strong>web开发必备！！！</strong> 。</li> <li><strong>jsFormat</strong> 格式化js代码，懂者自懂；强迫症Coder必备！默认快捷键Ctrl+Alt+F。</li> <li><strong>phpFormat</strong> 格式化php代码，懂者自懂；强迫症Coder必备！</li> <li><strong>CSS Compact Expand CSS属性展开收缩:</strong> 写CSS的盆友，喜欢将其写多行还是一行(个人喜欢将其格式化为多行)？如果阅读别人的代码不符合自己的习惯，可以用CSS Compact Expand这个插件将CSS格式化一下，按 Ctrl+Alt+[ 收缩CSS代码为一行显示，按 Ctrl+Alt+] 展开CSS代码为多行显示；强迫症Coder必备！。</li> <li><strong>Autoprefixer插件</strong> ：这是一款CSS3私有前缀自动补全插件；该插件使用CanIUse资料库（当然，SublimeText自然也有<font color="purple">CanIUse</font>这个插件咯），能精准判断哪些属性需要什么前缀，与CssComb插件一样，该插件也需要系统已安装Node.js环境；使用方法：在输入CSS3属性后（冒号前）按Tab键即可。</li> <li><strong>YUI Compressor</strong> ：压缩JS和CSS文件，按F7键后，若压缩当前文件（demo.js），则压缩后的文件（demo.min.js）保存在该文件的同级目录，需要安装java的JDK。使用方法： <a href="/misc/goto?guid=4959651745706651021" rel="nofollow,noindex">YUI Compressor</a></li> <li><strong>ClickableURLs：可点击的URL</strong><br> 使用小插件 <a href="/misc/goto?guid=4959651745784576008" rel="nofollow,noindex">ClickableURLs</a> 可以让文件中的URL能够点击。</li> <li><strong>终极王道</strong> ：自己编写专用的Sublime Text插件。虽然说各个方面比如移动端，Web前段，服务器端，非Coder的Writer所需要的方便已经被集成在了不同的插件中。但譬如，需要快捷打开PC端的某个模拟器，便捷的进行某些校验，只要你想的到的基本都可以将其在插件内，以快捷键处理之。至于如何编写SublimeText插件，请参看这里 <a href="/misc/goto?guid=4959651745858015570" rel="nofollow,noindex">编写自己的Sublime Text2 插件</a></li> </ul> <h2><strong>定制属于自己的快捷键</strong></h2> <ul> <li>首先要会使用SublimeText内置的快捷键：<br> 比如 Commond Shift P 打开命令面板:例如打开Package Control安装各种插件；可以可以输入Set(Snytax)来改变使用的语言环境，瞬间切换等等。</li> <li>设置快捷键。在SublimeText里，打开Preferences -> Key Bindings - User，我设置的快捷键： <pre> [ { "keys": ["ctrl+f9"], "command": "build" }, { "keys": ["f10"], "command": "build", "args": {"variant": "Run"} }, { "keys": ["ctrl+shift+x"], "command": "toggle_comment", "args": { "block": true } }, ]</pre> 具体可参见这边文章 <a href="/misc/goto?guid=4959651745934610993" rel="nofollow,noindex">Sublime Text3 快捷键汇总及设置快捷键配置环境变量</a></li> <li> <p>定制属于自己的专属快捷键：比如就拿定制Sublime Text(2/3)编译lua 的快捷键来说：</p> <ul> <li> <p>首先：下安装lua环境(MAC)</p> <pre> curl -s https://raw.githubusercontent.com/rudix-mac/rpm/2014.10/rudix.py | sudo python - install rudix 或者：curl -O https://raw.githubusercontent.com/rudix-mac/rpm/2014.10/rudix.py sudo python rudix.py install rud</pre> </li> <li> <p>安装IED：SublimeText3;完毕后上面选择:Build System--New Build System 输入：</p> <pre> { "cmd": ["/usr/local/bin/lua", "$file"], "file_regex": "^(...*?):([0-9]*):?([0-9]*)", "selector": "source.lua" }</pre> <p>保存为Lua.sublime-build，然后Tools-Build System上就能选择lua来编译脚本了）PS：网上找到的大多数都是 "cmd": ["lua", "$file"]可能我是用rudix自动来安装lua的，需要改一下路径。</p> <p>新建一个xx.lua文件，随便写个语句，选择lua为build system，按一下 command+b ，就能跑出来了。 如下图所示：</p> <img src="https://simg.open-open.com/show/182c81ceff7c31960b59687218e72822.png"> <p>LuaShortCutSublimeText</p> <p>WindowS下面的定制请参看这里 <a href="/misc/goto?guid=4959651746024356301" rel="nofollow,noindex">Sublime Text(2/3)编译lua</a></p> </li> </ul> </li> </ul> <h2><strong>Sublime不可不知的实用技巧:</strong></h2> <p>---更新2015.05.21 15:50 ShenZhen@nanshan</p> <p>对于这个依赖于插件的强大性感无比开源编辑器；优雅的适用之，就在于合理的使用需要的插件，走一条快准狠的键盘一刀流。这个当然可以自己用python来写，但是一般的需求基本上都已经有人完成，还是不浪费时间自己造轮子了。今儿就再赘述一些使用的经验，让使用她可以更加优雅。</p> <p>(1) Ctrl+O(Command+O)可以实现头文件和源文件之间的快速切换(2) 通过 View -> Side bar 可在左侧显示当前打开的文件列表</p> <p>(3) ST3虽然不像notepad++可以在sidebar上显示函数列表，但是可通过Ctrl+R查看</p> <p>(3) 通过 Preference -> Key binding user 可根据个人操作习惯自定义快捷键（包括ST3自带的和插件的）</p> <p>(4) 双击可选中光标所在单词，三击可选中光标所在行(等同于 Ctrl＋L (Command+L));</p> <p>(5) Ctrl+Shift+T可以打开之前关闭的tab页，这点同chrome是一样的</p> <p>(6)Ctrl+R定位函数；Ctrl+G定位到行；</p> <p>(7) 单个文件批量修改： <strong>纯相同的内容</strong> ：选中需要修改的内容 Alt+F3 (Mac下默认的是 Ctrl+Command+G ) ， 或者连续 Ctrl+D(Win) /连续 Command+D（Mac）之后重新写即可，使用 Ctrl + U 进行回退，使用Esc退出多重编辑。 <em> <em>不纯相同却有一定规律可循的内容</em> </em> ：这个就需要借助SublimeText强大正则的支持了。可以使用 Ctrl+H (Mac下是 Alt+Command+F )调出：</p> <p><img src="https://simg.open-open.com/show/16f089c6e4d669a845026f3f7a316488.jpg"></p> <p>SublimeText</p> <p>正则表达式是非常强大的文本查找&替换工具，Sublime Text中使用Alt + R切换正则匹配模式的开启/关闭。Sublime Text的使用 <a href="/misc/goto?guid=4959651746094684875" rel="nofollow,noindex">Boost里的Perl正则表达式风格</a> 。鉴于篇幅，加之本身就对这个不甚熟悉，这里就不再多啰嗦；以下是一些可以参考的文章：</p> <ul> <li><a href="/misc/goto?guid=4959651746182702708" rel="nofollow,noindex">开源中国～正则表达式30分钟入门教程</a></li> <li><a href="/misc/goto?guid=4959651746265586249" rel="nofollow,noindex">59分钟学会正则表达式</a></li> <li><a href="/misc/goto?guid=4959670955966182493" rel="nofollow,noindex">MSDN～正则表达式语法</a></li> <li><a href="/misc/goto?guid=4959651746426464863" rel="nofollow,noindex">月光博客～常用正则表达式</a></li> </ul> <p>(8) 有时我们需要对一片区域的所有行进行同时编辑， Ctrl+Shift+L 可以将当前选中区域打散，然后进行同时编辑：</p> <p><img src="https://simg.open-open.com/show/4389195577078f4d735272a2950c1f14.gif"></p> <p>SublimeText</p> <p>(9)有打散自然就有合并， Ctrl + J (mac下Command＋J)可以把当前选中区域合并为一行：</p> <p><img src="https://simg.open-open.com/show/4882bc73c21ad52cd0b6dc8558ccb064.gif"></p> <p>SublimeText</p> <p>(10)在 Ctrl + P (Command+P)匹配到文件后，我们可以进行后续输入以跳转到更精确的位置：</p> <ul> <li>@ 符号跳转：输入 @symbol 跳转到symbol符号所在的位置</li> <li># 关键字跳转：输入 #keyword 跳转到keyword所在的位置</li> <li>: 行号跳转：输入 :12 跳转到文件的第12行。</li> </ul> <p>(11) Ctrl + Enter (Mac~Command+Enter)在当前行下面新增一行然后跳至该行； Ctrl + Shift + Enter 在当前行上面增加一行并跳至该行。</p> <p>(12)Sublime Text的查找有不同的模式： Alt + C 切换大小写敏感（Case-sensitive）模式，Alt + W切换整字匹配（Whole matching）模式，除此之外Sublime Text还支持在选中范围内搜索（Search in selection），这个功能没有对应的快捷键，但可以通过以下配置项自动开启。</p> <p>"auto_find_in_selection": true</p> <p>这样之后在选中文本的状态下范围内搜索就会自动开启，配合这个功能，局部重命名（Local Renaming）变的非常方便：</p> <p><img src="https://simg.open-open.com/show/a09ac30dfdc0be1eb787707b40b062b0.gif"></p> <p>SublimeText</p> <p>(13)Windows下 Ctrl + ←/→ 进行逐词移动，相应的， Ctrl + Shift + ←/→ 进行逐词选择。</p> <p><img src="https://simg.open-open.com/show/f2a66739eff69edd9a72429635671776.gif"></p> <p>SublimeText</p> <p>而Mac下的 Command+←/→ 是从一端移动到另一端；相应的， Command + Shift + ←/→ 是从一端选择到另一端。</p> <p>(14) Windows下 Ctrl + ↑/↓ 移动当前显示区域， Ctrl + Shift + ↑/↓ 移动当前行。</p> <p><img src="https://simg.open-open.com/show/b84f5e4791a95f1b35430128ace2f1a9.gif"></p> <p>SublimeText</p> <p>而Mac下的 Command + ↑/↓ 是从当前行移动到头/尾；相应的， Command + Shift + ↑/↓ 是从当前行选择到头/尾；</p> <p>(15)使用 Ctrl + N 在当前窗口创建一个新标签， Ctrl + W 关闭当前标签， Ctrl + Shift + T 恢复刚刚关闭的标签。</p> <p>(16)编辑代码时我们经常会开多个窗口，所以分屏很重要。Windows下： Alt + Shift + 2 进行左右分屏， Alt + Shift + 8 进行上下分屏， Alt + Shift + 5 进行上下左右分屏（即分为四屏）。</p> <p>(17)Sublime Text基本的手动格式化操作包括： Ctrl + [ 向左缩进(等同于将一块选中Shift+Tab)，Ctrl + ]向右缩进(等同于将一块选中后Tab键)， <strong>注解：</strong> Ctr+[ 和 Ctr+[ 针对一块连续内容使用，无需选中；此外Ctrl + Shift + V可以以当前缩进粘贴代码（非常实用）。</p> <p>(18)</p> <p>Ctrl+Shift+V</p> <p>(好吧，尝试了下Windows下的这个，目测不行，看来须得安装下 <a href="/misc/goto?guid=4958832108906432551" rel="nofollow,noindex">Clipboard-history</a> 插件～（粘贴板历史记录）才行啊)（Mac下Command＋Shift＋V），粘贴之时可以调出之前粘贴过的内容（以一个轻量弹框显示以供选择），哇哦，才发现这个功能，感觉棒棒哒:smile::smile:。</p> <p><img src="https://simg.open-open.com/show/a8c0963b505d288a2803337301588d6a.png"></p> <p>SublimeText</p> <p>(19) Sublime text 删除插件步骤：“Ctrl+Shift+P”—“Remove Package”—“找到需要删除的插件，并点击即可删除”;</p> <p>(20) 作为强大而小巧，性感且快捷的SublimeText，怎么能够允许不时弹个框提醒你购买或者别的，并且顶部有未注册这样破坏美感的存在呢？OK，输入 <a href="/misc/goto?guid=4959651746531448721" rel="nofollow,noindex">Sublime text 3最新版破解方法</a> 中提供的注册码，就妥妥的哦了。</p> <h2><strong>定制属于自己的个性化主题</strong></h2> <p>SublimeText 她不仅仅是作为性感无比，强大可大编辑器的存在；要知道在如今这么靠脸吃饭的时代，她的美者这方面怎么可能不臻至完美呢？Mac和Windows都默认十多种不同风格的主题，想必会有您喜欢:heart_eyes:的。即便没有也没关系，我们可以自己定制自己喜欢的风格主题。 <a href="/misc/goto?guid=4959651746611856520" rel="nofollow,noindex">在线制作专属Sublime Text主题</a></p> <p>。这个网址可以轻松按照自己的意愿制作喜欢的主题。完毕之后将生成的xx.sublime.theme文件，点开Preferences -> Browsr Packages这个，放在这个直属目录之下，即可在Theme处选择这个主题了，亲测没有问题。</p> <p>后记：作为如此便捷的她(Sublime Text3)，值得分享肯定不止这些，在Coding and Writing路上，要继续去发现和发扬她的美，未完待续...--写于2015.04.17 22:49 ShenZhen@nanshan</p> <h2><strong>Sublime锦上添花些许设置</strong></h2> <p>---更新2015.08.31 11:59 ShenZhen@nanshan---</p> <h3>Sublime Text内运行javascript(ES6)</h3> <p>首先安装 <a href="/misc/goto?guid=4958189735229147892" rel="nofollow,noindex">nodejs</a></p> <p>当然你可以使用其它诸如 <a href="/misc/goto?guid=4959651746725507117" rel="nofollow,noindex">jsc</a> 之类的环境来运行js, 本文使用的是 <a href="/misc/goto?guid=4958189735229147892" rel="nofollow,noindex">nodejs</a> . 首先确保你的电脑已经安装好nodejs, 并已将其添加到环境变量中 (一般安装时自动添加或者询问是否添加)</p> <p>添加 <a href="/misc/goto?guid=4959651746814356537" rel="nofollow,noindex">build system</a></p> <p>在sublime text中依次打开Tools -> Build System -> New Build System... 粘贴以下代码后保存(如Node.sublime-build), 然后把Build System设成Automatic{ "cmd": ["node", "--use-strict", "--harmony", "$file"], "selector": "source.js"}</p> <p>附加说明</p> <p>在以上的build文件中(Node.sublime-build), node是执行命令, --harmony和--use-strict是执行参数, $file是当前文件名, 所以一次build操作实际上相当于在命令行中执行了node --use-strict --harmony filename</p> <p>. --harmony表示启用 <a href="/misc/goto?guid=4958855722292930489" rel="nofollow,noindex">ES Harmony features</a> , 而这些features目前只能在strict模式下运行, 所以需要同时添加use-strict参数(详见 <a href="/misc/goto?guid=4959651746925351254" rel="nofollow,noindex">what-is-extended-mode</a> ).</p> <p>如果不想启用es6的特性,把build文件更改成以下代码保存即可.</p> <p>{ "cmd": ["node", "$file"], "selector": "source.js"}</p> <p>具体使用</p> <p>在sublime test中新建一个test.js文件, 然后输入你的测试代码, 比如:</p> <pre> for (let i = 0; i < 3; i++) { console.log('i:', i); }</pre> <p>使用快捷键 ctrl + b<br> , 将得到以下执行结果:</p> <pre> i: 0i: 1i: 2[Finished in 0.1s]</pre> <p>温馨注解:</p> <ul> <li>(1)文件必须是存在于磁盘中的, 而不是untitled的, 否则sublime无法找到相应的文件.</li> <li>(2)Nodejs安装目录需要加入path环境变量中，否则Ctrl+B运行 会出现：[WinError 2] 系统找不到指定的文件。</li> </ul> <h3>更换Sublime Text程序图标</h3> <p>不仅主题可以更换，图标也可以。在 <a href="/misc/goto?guid=4958854483414499132" rel="nofollow,noindex">Dribbble</a> 上有大量重新设计的Sublime Text精美图标。更换方法：</p> <ol> <li>下载一个图标，有 .icn s格式的最好。如果没有，用iConvert转换之。</li> <li>终端执行： open /Applications/Sublime\ Text.app/Contents/Resources/</li> <li>替换 Sublime Text 3.icns 或 Sublime Text 2.icns 文件。<br> <img src="https://simg.open-open.com/show/cff1f868f64178c689271492a69c6961.jpg"> <p>Sublime</p> </li> </ol> <h3>Sublime 拼写检查</h3> <p>如果你经常使用SublimeText从事英文创作，那么启用拼写检查就非常有用处了。选择 Preferences > Settings – User 菜单，添加以下代码：</p> <p>"spell_check": true,</p> <h2><strong>写在一路更来的结语</strong></h2> <p>不得不说的是此篇文章的命名，较之于内容来讲是大了很多。毕竟要优雅使用某个工具，并不是件很容易的事。一边发现学习，一边总结更新，到此已5个月整。然而，对她～SublimeText3三的使用和了解也是仅仅限于一般水平而已。只能说：每个人都工具的使用都怀有不同的态度和追求；但是， <strong>工欲善其事，必先利其器</strong> ；此一点总是没错的。因此，在投资自己这里，除学习知识之外，工具的使用大抵就是最应该投资学习的，再次可以是蓝股等等，一如Google工程师@徐宥 <a href="/misc/goto?guid=4959651747035354030" rel="nofollow,noindex">工具的强是无敌的</a></p> <p>所言。</p> <p>所谓，一个好汉三个帮；欲要优雅使用一个工具，辅助器具是必不可少的。而在于Win下以SublimeText来编程或者写作，譬如 <strong>AutoHotKey</strong> ，__Listary__等对个人来讲着实已成必备工具(在Mac下，有Alfred在手，可以说是天下我有)；其给人带来的方便快捷和意想不到的惊喜，足以可以令其称为Win下小众软件中实用最。当然，像 <strong>AutoHotKey</strong> 这种在乎于人强，其功能愈发强的工具，其修行之路漫漫，还当上下以求索之(15.09.17更)。</p> <p>当然，也不能盲目停留在SublimeText这孤傲的世界里。虽性感强大如斯，毕竟也已逝老牌儿范儿了。新的时代总会崛起些新秀，比如Github出品的 Atom 许有赶超Sublime之势，目测充盈着些许不同的理念；有时间定当去学习下，知乎有话题： <a href="/misc/goto?guid=4959651747113365216" rel="nofollow,noindex">如何评价 Github 发布的文本编辑器 Atom？</a> ，可预先了解下。</p> <p>－－－2016-03-06日更新：</p> <p>一直以来特别钟爱Sublime的。可插件安装多了的SublimeText日益感觉微微有些卡顿感了。并且最近一次更新之后，频繁弹出的购买提示框也是很令人不舒服（以前网搜的注册码也显得力不从前）。而对Atom的近期试用情形来看，用的还蛮舒适，现在两者兼用之。前两天有随记下Atom使用感受： <a href="/misc/goto?guid=4959670956444405760" rel="nofollow,noindex">新编码神器Atom使用纪要</a> 有兴趣爱尝试下Atom的看官们，可供参考。</p> <p>－－－2016-03-13日更新</p> <p>之前提到优雅使用SublimeText，也须结合如 <strong>AutoHotKey</strong> ，Listary这样一些小工具，方更见神奇 。使用 <strong>AutoHotKey</strong> 也有段日子了，虽没拿她来助我完成一些高大上复杂的事情，却无时无刻不帮着我节省一秒秒时间。趁着小闲，周五有将使用她的一些粗浅经验，凑成 <a href="/misc/goto?guid=4959670956529056323" rel="nofollow,noindex">Win下最爱效率神器:AutoHotKey</a> 一文，与诸君分享，希望有用，如此，足慰我心，善莫大焉。</p> <p>最后寄语： <em> <em>工欲善其事，必先利其器！</em> </em> <strong>公欲善其事，必先利其器！</strong></p> <p>参考文章出处：</p> <p><a href="/misc/goto?guid=4959651747216527681" rel="nofollow,noindex">Sublime Text 全程指引 by Lucida</a></p> <p><a href="/misc/goto?guid=4959651747299571068" rel="nofollow,noindex">Sublime Text 3能用支持的插件推荐</a></p> <p><a href="/misc/goto?guid=4959651747371197683" rel="nofollow,noindex">Wakatime 测试工作时间</a></p> <p><a href="/misc/goto?guid=4959651744121603036" rel="nofollow,noindex">Sublime Text3插件：增强篇</a></p> <p><a href="http://www.open-open.com/news/view/26d731" rel="nofollow,noindex">20个强大的SublimeText插件</a></p> <p><a href="/misc/goto?guid=4959651743953569112" rel="nofollow,noindex">原文首贴链接:http://www.jeffjade.com/2015/12/15/2015-04-17-toss-sublime-text/</a></p> <p>来自： <a href="/misc/goto?guid=4959670956754431806" rel="nofollow">http://www.jianshu.com/p/3cb5c6f2421c</a></p>