id: b6cba685b72a43448e6416f1f882405f
parent_id: 
item_type: 1
item_id: f301ad9825a6483180fa8f796ce89442
item_updated_time: 1764345576476
title_diff: "[{\"diffs\":[[1,\"如何优雅地使用Sublime Text\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":19}]"
body_diff: "[{\"diffs\":[[1,\"<html>\\\r\\\n<head>\\\r\\\n  <title>如何优雅地使用Sublime Text</title>\\\r\\\n  <basefont face=\\\"微软雅黑\\\" size=\\\"2\\\" />\\\r\\\n  <meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html;charset=utf-8\\\" />\\\r\\\n  <meta name=\\\"exporter-version\\\" content=\\\"YXBJ Windows/608924 (zh-CN, DDL); Windows/10.0.0 (Win64); EDAMVersion=V2;\\\"/>\\\r\\\n  <style>\\\r\\\n\\tbody, td {\\\r\\\n\\t  font-family: 微软雅黑;\\\r\\\n\\t  font-size: 12pt;\\\r\\\n\\t}\\\r\\\n  </style>\\\r\\\n</head>\\\r\\\n<body>\\\r\\\n<a name=\\\"13173\\\"></a>\\\r\\\n<h1>如何优雅地使用Sublime Text</h1>\\\r\\\n\\\r\\\n<div><span><div style=\\\"-evernote-webclip:true\\\"><br/><div><div><div><div><h1>如何优雅地使用Sublime Text</h1><div><div></div></div></div><div><div><div><h2>It's only too late if you decide it is. Get busy living. or get busy dying!</h2></div></div></div><p>Sublime Text：一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。相比于难于上手的Vim，浮肿沉重的Eclipse，VS，即便体积轻巧迅速启动的Editplus、Notepad++，在SublimeText面前大略显失色，无疑这款性感无比的编辑器是Coding和Writing最佳的选择，没有之一。</p><h2><strong>如何优雅地使用Sublime Text之目录：</strong></h2><h2><b>Sublime Text 2和3的对比</b></h2>相比于2，Sublime Text 3就秒启动一项，就压倒性地胜利了。因此在之后的叙述中都以Sublime Text 3为主角。并且3一直在不断的完善更新，具体的差异可参看<a href=\\\"http://www.sublimetext.com/blog/\\\" target=\\\"_blank\\\">Sublime Blog</a>.简单的说：<blockquote><ul><li>ST3支持在项目目录里面寻找变量</li><li>提供了对标签页更好地支持（更多的命令和快捷键）</li><li>加快了程序运行的速度</li><li>更新了API，使用Python3.3</li></ul></blockquote><p>强烈推荐朋友们使用3! 唯快不破，不解释。</p><p>优雅使用Sublime Text，插件则是不可缺少的存在；而插件的备份就显得非常的重要（譬如：各平台同步；更换系统/电脑，迅速使用已安装的插件）。这事儿也很简单，只需将<code>Packages</code>（<em>Preferences &gt; Browse Packages</em>）中内容拷贝一份，同步云端即可；至于存储何处，云盘，Github，皆无不可；譬如先前有存一份于<a href=\\\"https://github.com/nicejade/sublime_packages\\\" target=\\\"_blank\\\">sublime_packages</a>，每有所需只要 Down 下来，替换掉原<code>Packages</code>下内容就好。</p><h2><b>Sublime Text 3安装插件</b></h2>Sublime Text的强大就是她拥有强大的课可扩展性。您可根据自己的需要安装不同的插件；这使得她变的无比强大的同时又不失轻便。<ul><li><p><strong>插件安装方式一：直接安装：</strong></p><blockquote><p>安装Sublime text 3插件很方便，可以直接下载安装包解压缩到Packages目录（菜单-&gt;preferences-&gt;packages）。</p></blockquote></li><li><p><strong>插件安装方式二：使用Package Control组件安装：</strong></p><blockquote><p>按 <em>Ctrl+`</em> 调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）粘贴以下代码到底部命令行并回车：</p><div><table><tbody><tr><td><pre><div>1</div></pre></td><td><pre><div>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())</div></pre></td></tr></tbody></table></div></blockquote></li></ul><blockquote><p>重启Sublime Text 3。如果在Perferences-&gt;package settings中看到package control这一项，则安装成功。按下Ctrl+Shift+P调出命令面板输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。</p></blockquote><p>PS：国内使用SublimeText3，经常可能遇到无法安装可用插件问题，可remove掉<strong>Package Control</strong>重新安装下；如遇到连Package Control也无法安装，则可以在别处拷贝一份关于Package Control的文件－(Package Control.sublime-package)存放于<code>Installed Packages</code>目录之下即可。</p><p>如果如上述操作，还是不能正确安装，并且在 sublime 的 console 安装 package control 出现 <code>275309</code> 错误，那么去打开 <em>Preferences-&gt;Settings</em> 找到 <strong>ignored_packages</strong> 配置选项，删除其中对 Package Control 的约束即可(update@16-12-06)。</p><h2><b>Sublime Text 3插件推荐</b></h2><strong>无插件，不神器！</strong>根据自己的需要定制属于自己的强大插件集；下面是一些常用的推荐。<br/><a href=\\\"http://www.jianshu.com/p/5905f927d01b\\\" target=\\\"_blank\\\">Sublime Text3插件：增强篇</a><br/><a href=\\\"http://www.open-open.com/news/view/26d731\\\" target=\\\"_blank\\\">20个强大的SublimeText插件</a><br/>作为在移动端旧游之后，又Web端新游的自己，墙裂推荐以下这么几款插件：<p><strong><a href=\\\"https://github.com/SublimeText-Markdown/MarkdownEditing\\\" target=\\\"_blank\\\">MarkDown Editing</a></strong><br/>SublimeText不仅仅是能够查看和编辑 Markdown 文件，但它会视它们为格式很糟糕的纯文本。这个插件通过适当的颜色高亮和其它功能来更好地完成这些任务。关于如何在SublimeText下高效些东西可参见文章：<a href=\\\"http://www.cnblogs.com/jadeboy/p/4165449.html\\\" target=\\\"_blank\\\">sublime text 2(3)下的Markdown写作</a> 抑或是前段时间写下的<a href=\\\"http://www.jeffjade.com/2015/08/28/2015-08-28-Write-Morkdown/\\\" target=\\\"_blank\\\">追寻高效工作的一路折腾㈡</a></p><p><del><strong><a href=\\\"https://github.com/titoBouzout/SideBarFolders\\\" target=\\\"_blank\\\">SideBarFolders</a></strong></del><br/>打开的文件夹都太多了? 来用这个来管理文件夹，世界原来也可以这么美好。⭐️⭐️⭐️⭐️⭐️<br/><a href=\\\"http://7xoosr.com1.z0.glb.clouddn.com/sublimetext-folder.jpg\\\" target=\\\"_blank\\\" title=\\\"SideBarFolders\\\"></a></p><div><a href=\\\"http://7xoosr.com1.z0.glb.clouddn.com/sublimetext-folder.jpg\\\" target=\\\"_blank\\\" title=\\\"SideBarFolders\\\"><img src=\\\":/c7ca0b9f3c884ce58b4a75fba27af35c\\\" type=\\\"image/jpeg\\\" data-filename=\\\"sublimetext-folder.jpg\\\" alt=\\\"SideBarFolders\\\" height=\\\"198\\\" width=\\\"576\\\"/></a></div>SideBarFolders<p></p><p><strong>微注</strong>：<code>如何使用 Sublime 快速切换项目？</code> 使用 SideBarFolders 插件的朋友们，近期是否也发现这插件可能无法正常使用了？(至少无法重新 install 使用)。不过，没关系，Sublime Text 本身就提供了多项目管理(包括快速切换)的功能，即 ToolBar 的 <code>Project</code>；只须将当前项目，作为 Project 保存在本地(Project =&gt; Save Project As..)，那么即可通过 <code>Command + Ctrl + P</code> ( windows 是 Ctrl + Alt + P)来快速切换项目了，还能编辑，关闭，Clear，Add Floder to Project等等功能；切换项目之间，还能保留与之对应的项目所打开的标签，实在很好；具体可参见：<a href=\\\"http://www.joshuawinn.com/understanding-projects-in-sublime-text-saving-switching-etc/\\\" target=\\\"_blank\\\">Projects in Sublime Text – Saving, Switching, Etc</a> (update@17-02-24)。</p><p><strong><a href=\\\"http://wbond.net/sublime_packages/terminal\\\" target=\\\"_blank\\\">Sublime Terminal</a></strong><br/>这个插件可以让你在Sublime中直接使用终端打开你的项目文件夹，并支持使用快捷键。</p><p><strong><a href=\\\"http://weslly.github.io/ColorPicker/\\\" target=\\\"_blank\\\">ColorPicker</a></strong><br/>通常，如果你想使用一个颜色选择器则可能打开 Photoshop 或 GIMP。而在 Sublime Text 中，你可以使用内置的颜色选择器。安装完成后，只要按下Ctrl / Cmd + Shift + C 快捷键。</p><p><strong><a href=\\\"https://github.com/wuub/SublimeREPL\\\" target=\\\"_blank\\\">SublimeREPL</a></strong><br/>这可能是对程序员很有用的插件。SublimeREPL 允许你在 Sublime Text 中运行各种语言（NodeJS ， Python，Ruby， Scala 和 Haskell 等等）。</p><p><del><strong><a href=\\\"https://github.com/SublimeText/CTags\\\" target=\\\"_blank\\\">Ctags插件</a></strong></del><br/>有童鞋抱怨Sublime Text不能支持函数的跳转（比如像Eclipse那样，按住Control点击该方法或者对象，即可跳转到定义的地方； Alt+←即可回到原处）。其实Sublime Text也可以借助插件实现之（当然，有些情况下:Can not find defination）毕竟这个也是借助正则来匹配完成的。因此这个也就要求代码很规范。这个插件相对来讲会有些麻烦，具体的可以参见:<a href=\\\"http://firstleaf.diandian.com/post/2013-03-29/40049695682\\\" target=\\\"_blank\\\">Sublime Text ctags 的配置</a>.</p><p>Update @2016-11: 在最新的3124版本中，Sublime已经注入了函数<code>Show Definition</code>功能————which will show where a symbol is defined when hovering over it with the mouse；具体可参见<a href=\\\"http://www.sublimetext.com/blog/articles/sublime-text-3-build-3124\\\" target=\\\"_blank\\\">Sublime Text 3 Build 3124</a>。如此一来，Ctags 插件就显得很鸡肋了，而且它的配置辣么麻烦。</p><p><strong><a href=\\\"https://github.com/SublimeLinter\\\" target=\\\"_blank\\\">SublimeLinter插件</a></strong><br/>SublimeLinter 是前端编码利器——<a href=\\\"http://www.cnblogs.com/lhb25/archive/2012/12/28/best-tools-for-web-development-b.html\\\" target=\\\"_blank\\\"><strong>Sublime Text</strong></a> 的一款插件，用于高亮提示用户编写的代码中存在的不规范和错误的写法，支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。这篇文章介绍如何在 Windows 中配置 SublimeLinter 进行 JS &amp; CSS 校验。<br/>比如写例如像lua这样的弱语言脚本代码，有这个可以规避掉很多不该有的低级错误吧？当然这也需要你SublimeLinter安装完毕之后再安装一个<code>SublimeLinter-lua</code>即可。具体的使用可以参见：<a href=\\\"http://www.cnblogs.com/lhb25/archive/2013/05/02/sublimelinter-for-js-css-coding.html\\\" target=\\\"_blank\\\">借助 SublimeLinter 编写高质量的 JavaScript &amp; CSS 代码</a></p><p><strong><a href=\\\"https://github.com/titoBouzout/SideBarEnhancements\\\" target=\\\"_blank\\\">SideBarEnhancements插件</a></strong><br/>SideBarEnhancements是一款很实用的右键菜单增强插件；在安装该插件前，在Sublime Text左侧FOLDERS栏中点击右键，只有寥寥几个简单的功能；安装了就相当于给其丰了大胸一般。⭐️⭐️⭐️⭐️</p><p><strong>更强大的是</strong>，该插件还能让我们自定义快捷键呼出某个浏览器以预览页面！这样就不用到项目目录下寻找和拖动到特定浏览器中预览了。<br/>安装此插件后，点击菜单栏的<em>preferences-&gt;package setting-&gt;side bar-&gt;Key Building-User</em>，键入以下代码：</p><div><table><tbody><tr><td><pre><div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div><div>8</div><div>9</div><div>10</div><div>11</div></pre></td><td><pre><div>[   </div><div>    { &quot;keys&quot;: [&quot;ctrl+shift+c&quot;], &quot;command&quot;: &quot;copy_path&quot; },</div><div>    //chrome</div><div>    { &quot;keys&quot;: [&quot;f2&quot;], &quot;command&quot;: &quot;side_bar_files_open_with&quot;,</div><div>            &quot;args&quot;: {</div><div>                &quot;paths&quot;: [],</div><div>                &quot;application&quot;: &quot;C:\\\\\\\\Users\\\\\\\\jeffj\\\\\\\\AppData\\\\\\\\Local\\\\\\\\Google\\\\\\\\Chrome\\\\\\\\Application\\\\\\\\chrome.exe&quot;,</div><div>                &quot;extensions&quot;:&quot;.*&quot;</div><div>            }</div><div>     }</div><div>]</div></pre></td></tr></tbody></table></div><p>这里设置按Ctrl+Shift+C复制文件路径，按F2即可在Chrome浏览器预览效果(如果需要的话，也可以根据自己的需要为Firefox，Safari，IE，Opera等加上)，当然你也可以自己定义喜欢的快捷键，最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。</p><p><strong><a href=\\\"https://github.com/victorporof/Sublime-HTMLPrettify\\\" target=\\\"_blank\\\">HTML-CSS-JS Prettify</a></strong><br/>一款集成了格式化（美化）html、css、js三种文件类型的插件，即便html,js写在PHP文件之内。插件依赖于nodejs，因此需要事先安装nodejs，然后才可以正常运行。插件安装完成后，快捷键ctrl+shift+H完成当前文件的美化操作。插件对html、css文件的美化不是非常满意，但还可以，后面将说明如何修改css美化脚本。本人用起来超级爽的，鉴于篇幅，就不赘述，可以参见<a href=\\\"http://frontenddev.org/article/sublime-does-text-three-plug-ins-html-and-css-js-prettify.html\\\" target=\\\"_blank\\\">这篇</a>介绍。</p><p><strong><a href=\\\"https://github.com/csscomb/CSScomb-for-Sublime\\\" target=\\\"_blank\\\">CSScomb CSS属性排序</a>:</strong><br/>有时候看看自己写的CSS文件，会不会觉得属性很乱查找不易维护难？CSScomb可以按照一定的CSS属性排序规则，将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码，按Ctrl+Shift+C，即可对CSS属性重新排序了，代码从此简洁有序易维护，如果不款选代码则插件将排序文件中所有的CSS属性。当然，可以自己自定义CSS属性排序规则，打开插件目录里的CSScomb.sublime-settings文件，更改里面的CSS属性顺序就行了。因为这个插件使用PHP写的，要使他工作需要在环境变量中添加PHP的路径，具体请看github上的说明。</p><p><strong><a href=\\\"https://github.com/kairyou/SublimeTmpl\\\" target=\\\"_blank\\\">SublimeTmpl 快速生成文件模板</a></strong><br/>一直都很奇怪为什么sublime text 3没有新建文件模板的功能，像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件终于可以解脱了，SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板，所有的文件模板都在插件目录的templates文件夹里，可以自定义编辑文件模板。⭐️⭐️⭐️⭐️+<br/>SublimeTmpl默认的快捷键:</p><div><table><tbody><tr><td><pre><div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div></pre></td><td><pre><div>ctrl+alt+h html</div><div>ctrl+alt+j javascript</div><div>ctrl+alt+c css</div><div>ctrl+alt+p php</div><div>ctrl+alt+r ruby</div><div>ctrl+alt+shift+p python</div></pre></td></tr></tbody></table></div><p>如果想要新建其他类型的文件模板的话，先自定义文件模板方在templates文件夹里，再分别打开Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings这四个文件照着里面的格式自定义想要新建的类型，这里就详细介绍了，请各位自己折腾哈~</p><p><strong><a href=\\\"https://github.com/Pleasurazy/Sublime-JavaScript-API-Completions\\\" target=\\\"_blank\\\">Javascript-API-Completions</a></strong>:<br/>支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件，是少数支持sublime text 3的后缀提示的插件，HTML5标签提示sublime text3自带，不过JQuery提示还是很有用处的，也可设置要提示的语言。<br/><a href=\\\"http://www.jeffjade.com/img/toss/sublime-plugin-jq.gif\\\" target=\\\"_blank\\\" title=\\\"sublime-jq-plugin\\\"></a></p><div><a href=\\\"http://www.jeffjade.com/img/toss/sublime-plugin-jq.gif\\\" target=\\\"_blank\\\" title=\\\"sublime-jq-plugin\\\"><img src=\\\":/05637cfd68224d83a199dd839fdcc501\\\" type=\\\"image/gif\\\" data-filename=\\\"sublime-plugin-jq.gif\\\" alt=\\\"sublime-jq-plugin\\\" height=\\\"232\\\" width=\\\"576\\\"/></a></div>sublime-jq-plugin<p></p><p><strong>SFTP：快速编辑远程服务器文件</strong><br/>在Win下用<code>Xftp</code> 和 <code>WinScp</code>，被这种需要切换点击or F5刷新的手动操作蛋疼到无语；故此一遇见这<code>SFTP</code>，顿觉这世界都美好了许多。当然Sublime下面也有些其他同步插件，比如<code>FtpSnyc</code>，但是配置起来的错误提示一点都不人性化，就毫不留情的舍弃了。Sublime下有<code>SFTP</code>，只要<code>Ctrl+S</code>即可同步本地到服务器，妥妥的爽歪歪有么有？如何配置，请参见<a href=\\\"http://blog.wpjam.com/m/sublime-text-2-sftp/\\\" target=\\\"_blank\\\">在 Sublime Text中使用 SFTP 插件快速编辑远程服务器文件</a>;如欲使用<code>FtpSync</code>可参见<a href=\\\"http://liuwanlin.info/sublimeshi-yong-ji-ftpsyncyuan-cheng-tong-bu/\\\" target=\\\"_blank\\\">Sublime使用及FtpSync远程同步</a>；大道至简，因简而悦；开心垒码，值得折腾。</p><p><strong><a href=\\\"https://wakatime.com/\\\" target=\\\"_blank\\\">WakaTime</a></strong> – 记录你的Code时间;<br/><a href=\\\"https://wakatime.com/\\\" target=\\\"_blank\\\">WakaTime</a>可以做到精确地统计到你花在某个项目上的时间;WakaTime针对不同的IDE，拥有不同的插件，在Sublime上安装着<a href=\\\"https://wakatime.com/help/plugins/sublime\\\" target=\\\"_blank\\\">插件</a>，就能统计到我使用Sublime进行的所有项目的行为。可以高效管理和知晓自己code时间；并且，统计完善, 适合发朋友圈装逼（如果你喜欢的话）~</p><blockquote><p>Waka的基本设计和rescuetime类似。每个人注册完将获取一个key，装一个客户端，把key输进去（登陆是同一个道理），然后它就把本地的所有行为带个key扔给服务器来统计，一段时间之后给你个报表。不过Waka做的真的很精准，精确到每一个文件用了多少秒，每一种语言用了多少时间。</p></blockquote><p><a href=\\\"http://7xoosr.com1.z0.glb.clouddn.com/WakaTime.jpg\\\" target=\\\"_blank\\\" title=\\\"WakaTime\\\"></a></p><div><a href=\\\"http://7xoosr.com1.z0.glb.clouddn.com/WakaTime.jpg\\\" target=\\\"_blank\\\" title=\\\"WakaTime\\\"><img src=\\\":/3e01373074d140b9ac75f9f3f93d38a8\\\" type=\\\"image/jpeg\\\" data-filename=\\\"WakaTime.jpg\\\" alt=\\\"WakaTime\\\" height=\\\"334\\\" width=\\\"576\\\"/></a></div>WakaTime<p></p><p>安装和使用都很简单，请参见<a href=\\\"https://wakatime.com/help/plugins/sublime-text\\\" target=\\\"_blank\\\">这里</a>。另外一篇比较详细的文章<a href=\\\"https://luolei.org/track-your-time/\\\" target=\\\"_blank\\\">时间都去哪了?用RescueTime和WakaTime来记录你的时间</a>,对RescueTime和WakaTime有一个更为详细的叙述，可以一读。</p><p><strong><a href=\\\"https://github.com/spadgos/sublime-jsdocs\\\" target=\\\"_blank\\\">Doc​Blockr</a></strong>: 代码块注释<br/>可以快速的对函数进行注释。保持代码规范。支持多种语言,有 JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.</p><ul><li><code>/*</code>:回车创建一个代码块注释</li><li><code>/**</code>:回车在自动查找函数中的形参等等。</li></ul><p>它会生成 JSDoc 格式的注释。如果你从没有使用过类似的工具，DocBlockr 会让你觉得以前没有它是如何写代码的。帮助你创造你的代码注释，通过解析功能，参数，变量，并且自动添加基本项目；如果你愿意其更为便捷，不妨再结合<code>AutoHotKey</code>,高效注释，由此开启。</p><p><strong><a href=\\\"https://github.com/kemayo/sublime-text-git\\\" target=\\\"_blank\\\">sublime-text-git</a></strong>: Git 版本控制<br/>可视化的操作：帮助你与你的Git repo协议进行交互。它支持很多命令像init,push, pull, branch, stash,等等。使用它当然提前需要安装 Git，并做好响应的配置；对于这个插件，不妨看下这篇文章 <a href=\\\"https://scotch.io/tutorials/using-git-inside-of-sublime-text-to-improve-workflow#more-advanced-usage\\\" target=\\\"_blank\\\">Using Git Inside of Sublime Text to Improve Workflow</a>，相信她的伴随不会让你失望的。⭐️⭐️⭐️⭐️⭐️</p><p><strong><a href=\\\"https://github.com/skuroda/Sublime-AdvancedNewFile\\\" target=\\\"_blank\\\">advancedNewFile</a></strong>： 快速创建文件<br/>当我们在 Sublime Text 编辑器里我们可以通过快捷键<code>command+n</code>(win: <code>ctrl+n</code>),来新建一个文件，然后<code>command+s</code>(Win:<code>ctrl+s</code>)进行弹出保存框，填写文件名进行保存。还是老问题，麻烦！！我们接下来就通过安装<strong>advancedNewFile</strong>插件来提升我们在Sublime Text编辑器下的创建文件速度。⭐️⭐️⭐️⭐️</p><p>关乎其使用，安装完成之后，运用快捷键<code>command+alt+n</code>(win: <code>ctrl+alt+n</code>)<br/>，Sublime Text底部会弹出输入框；我们只需在这个输入框里输入我们需要新建的文件名回车即可（我们甚至可以带路径,譬如:<em>src/components/perfect.vue</em>;这就会在当前项目目录下，建立该文件；需要注意的是这路径前面不可加 ‘/‘, 这会使得建立的路径成为用户目录，而非改项目目录）。默认情况下文件会存储在当前目录，如果当前没有目录，会存储在用户的家目录。</p><p><strong><a href=\\\"https://packagecontrol.io/packages/TrailingSpaces\\\" target=\\\"_blank\\\">TrailingSpaces</a></strong>: 检测并一键去除代码中多余的空格<br/>这款插件本身倒没什么。但是如果你写前端，并处在当下这个时代，她就很有用（话说，Eslint 等工程限制级工具必须使用吧，那么项目对于空格的约定肯定是有必要的，但也会令你头疼吧？那么这款插件的作用就体现出来了）她可以自动将多余的空格标红，以示提醒。当然，如果你想一键摒除之，这也很好办，加入一点配置即可：在 Preferences / Key Bindings – User加上如下代码即可（数组内部，当然快捷键可自行约定，我这里用的是 <code>ctrl+shift+d</code> ）；（⭐️⭐️⭐️⭐️⭐️ For Front-End）</p><div><table><tbody><tr><td><pre><div>1</div></pre></td><td><pre><div>{ &quot;keys&quot;: [&quot;ctrl+shift+d&quot;], &quot;command&quot;: &quot;delete_trailing_spaces&quot; }</div></pre></td></tr></tbody></table></div><br/><br/><hr/><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>Emmet(Zen Coding)</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自然也有CanIUse这个插件咯），能精准判断哪些属性需要什么前缀，与CssComb插件一样，该插件也需要系统已安装Node.js环境；使用方法：在输入CSS3属性后（冒号前）按Tab键即可。</li><li><strong>YUI Compressor</strong>：压缩JS和CSS文件，按F7键后，若压缩当前文件（demo.js），则压缩后的文件（demo.min.js）保存在该文件的同级目录，需要安装java的JDK。使用方法：<a href=\\\"http://frontenddev.org/article/sublime-does-text-3-plug-in-yui-compressor.html\\\" target=\\\"_blank\\\">YUI Compressor</a></li><li><strong>ClickableURLs：可点击的URL</strong><br/>使用小插件<a href=\\\"https://github.com/leonid-shevtsov/ClickableUrls_SublimeText\\\" target=\\\"_blank\\\">ClickableURLs</a>可以让文件中的URL能够点击。</li><li><strong>EncodingHelper</strong>：编码众多，比较丰富。安装后，在右下角的UTT-8右键可以将其他编码转换成UTF-8。</li><li><strong>WordCount</strong>：可以实时显示当前文件的字数。安装后，后下角多出字数。</li><li><strong>SyncedSideBar</strong>: 每次打开文件，侧边栏都会同步显示该文件所在目录树中的位置(如果打开的文件是目录树的子集，还能将目录树自动展开，真是爱之不已，挺有用的一款插件)。⭐️⭐️⭐️⭐️⭐️</li><li><strong>AutoFileName</strong>：快捷输入文件名，文件路径自动提示的。自动完成文件名的输入，如图片选取，输入”/”即可看到相对于本项目文件夹的其他文件。⭐️⭐️⭐️⭐️</li><li><strong><a href=\\\"https://github.com/vuejs/vue-syntax-highlight\\\" target=\\\"_blank\\\">Vue Syntax Highlight</a></strong>: Vue(*.vue)高亮插件；于前端而言，使用<code>Vue</code>框架开发，是一个很酷爽的存在，那么此插件也就很有必要拥有；同时<code>Jade</code>, <code>SASS</code>等插件也是很有拥有的必要，谁用谁知道(说到用vue, 这<code>vue-cli</code>就蛮有使用的必要了( Webpack, Eslint, Test等都配置完善，十分贴心); 而写Js代码，于稍大项目 Eslint 就很有使用必要，而 sublime 在针对使用 Eslint 的 <code>*.vue</code>文件，目测还没有很好格式化插件，坐等诞生😳)。</li><li><strong>终极王道</strong>：自己编写专用的Sublime Text插件。虽然说各个方面比如移动端，Web前段，服务器端，非Coder的Writer所需要的方便已经被集成在了不同的插件中。但譬如，需要快捷打开PC端的某个模拟器，便捷的进行某些校验，只要你想的到的基本都可以将其在插件内，以快捷键处理之。至于如何编写SublimeText插件，请参看这里<a href=\\\"http://www.360doc.com/content/15/0417/22/19342630_463999403.shtml\\\" target=\\\"_blank\\\">编写自己的Sublime Text2 插件</a></li></ul><h2><b>定制属于自己的快捷键</b></h2><ul><li>首先要会使用SublimeText内置的快捷键：<br/>比如 <code>Commond Shift P</code> 打开命令面板:例如打开Package Control安装各种插件；可以可以输入Set(Snytax)来改变使用的语言环境，瞬间切换等等。</li><li><p>设置快捷键。在SublimeText里，打开Preferences -&gt; Key Bindings - User，我设置的快捷键：</p><div><table><tbody><tr><td><pre><div>1</div><div>2</div><div>3</div><div>4</div><div>5</div></pre></td><td><pre><div>[</div><div>    { &quot;keys&quot;: [&quot;ctrl+f9&quot;], &quot;command&quot;: &quot;build&quot; },</div><div>    { &quot;keys&quot;: [&quot;f10&quot;], &quot;command&quot;: &quot;build&quot;, &quot;args&quot;: {&quot;variant&quot;: &quot;Run&quot;} },</div><div>    { &quot;keys&quot;: [&quot;ctrl+shift+x&quot;], &quot;command&quot;: &quot;toggle_comment&quot;, &quot;args&quot;: { &quot;block&quot;: true } },</div><div>]</div></pre></td></tr></tbody></table></div><p>具体可参见这边文章<a href=\\\"http://blog.csdn.net/moyan_min/article/details/11530751\\\" target=\\\"_blank\\\">Sublime Text3 快捷键汇总及设置快捷键配置环境变量</a></p></li><li><p>定制属于自己的专属快捷键：<br/>比如就拿定制Sublime Text(2/3)编译lua 的快捷键来说：</p><ul><li><p>首先：下安装lua环境(MAC)</p><div><table><tbody><tr><td><pre><div>1</div><div>2</div><div>3</div><div>4</div></pre></td><td><pre><div>curl -s https://raw.githubusercontent.com/rudix-mac/rpm/2014.10/rudix.py | sudo python - install rudix</div><div>或者：curl -O https://raw.githubusercontent.com/rudix-mac/rpm/2014.10/rudix.py</div><div>sudo python rudix.py install rud</div></pre></td></tr></tbody></table></div></li><li><p>安装IED：SublimeText3;完毕后上面选择:Build System–New Build System 输入：</p><div><table><tbody><tr><td><pre><div>1</div><div>2</div><div>3</div><div>4</div><div>5</div></pre></td><td><pre><div>{  </div><div>    &quot;cmd&quot;: [&quot;/usr/local/bin/lua&quot;, &quot;$file&quot;],  </div><div>    &quot;file_regex&quot;: &quot;^(...*?):([0-9]*):?([0-9]*)&quot;,  </div><div>    &quot;selector&quot;: &quot;source.lua&quot;  </div><div>}</div></pre></td></tr></tbody></table></div><p>保存为Lua.sublime-build，然后Tools-Build System上就能选择lua来编译脚本了）<br/>PS：网上找到的大多数都是 “cmd”: [“lua”, “$file”]可能我是用rudix自动来安装lua的，需要改一下路径。</p><p>新建一个xx.lua文件，随便写个语句，选择lua为build system，按一下<code>command+b</code>，就能跑出来了。 如下图所示：<br/><a href=\\\"http://img2.ph.126.net/PI2F5lnTuwqeBm7KQx56zw==/1871245645272492575.png\\\" target=\\\"_blank\\\" title=\\\"LuaShortCutSublimeText\\\"></a></p><div><a href=\\\"http://img2.ph.126.net/PI2F5lnTuwqeBm7KQx56zw==/1871245645272492575.png\\\" target=\\\"_blank\\\" title=\\\"LuaShortCutSublimeText\\\"><img src=\\\":/9d39fc5b71a4466b94db0b241f63e68f\\\" type=\\\"image/png\\\" data-filename=\\\"1871245645272492575.png\\\" alt=\\\"LuaShortCutSublimeText\\\" height=\\\"289\\\" width=\\\"489\\\"/></a></div>LuaShortCutSublimeText<br/>WindowS下面的定制请参看这里<a href=\\\"http://www.cnblogs.com/jadeboy/p/4055465.html\\\" target=\\\"_blank\\\">Sublime Text(2/3)编译lua</a><p></p></li></ul></li></ul><h2><b>Sublime不可不知的实用技巧:</b></h2>—更新2015.05.21 15:50 ShenZhen@nanshan<br/>对于这个依赖于插件的强大性感无比开源编辑器；优雅的适用之，就在于合理的使用需要的插件，走一条快准狠的键盘一刀流。这个当然可以自己用python来写，但是一般的需求基本上都已经有人完成，还是不浪费时间自己造轮子了。今儿就再赘述一些使用的经验，让使用她可以更加优雅。<p>(1) Ctrl+O(Command+O)可以实现头文件和源文件之间的快速切换<br/>(2) 通过 View -&gt; Side bar 可在左侧显示当前打开的文件列表;默认快捷键 <code>Ctrl+k+b</code>(Win) ‘Command+k+b’，这样很繁琐，可以配置成自己觉得舒服的。比如我的的配置就采用和 <strong>Atom</strong> 相同，使用<code>Command+\\\\</code>;可以在 Preferfences –&gt; Key Bindings User –&gt; 中加入如下一条即可（Windows，命令配置写”Ctrl+\\\\“）：</p><blockquote><p>{ “keys”: [“Command+\\\\“], “command”: “toggle_side_bar” }</p></blockquote><p>(3) ST3虽然不像notepad++可以在sidebar上显示函数列表，但是可通过Ctrl+R查看</p><p>(3) 通过 Preference -&gt; Key binding user 可根据个人操作习惯自定义快捷键（包括ST3自带的和插件的）</p><p>(4) 双击可选中光标所在单词，三击可选中光标所在行(等同于<code>Ctrl＋L</code>(Command+L));</p><p>(5) Ctrl+Shift+T可以打开之前关闭的tab页，这点同chrome是一样的</p><p>(6)Ctrl+R定位函数；Ctrl+G定位到行；</p><p>(7) 单个文件批量修改：<strong>纯相同的内容</strong>：选中需要修改的内容<code>Alt+F3</code>(Mac下默认的是<code>Ctrl+Command+G</code>) ， 或者连续 Ctrl+D(Win) /连续 Command+D（Mac）之后重新写即可，使用<code>Ctrl + U</code>进行回退，使用Esc退出多重编辑。<br/><strong>不纯相同却有一定规律可循的内容</strong>：这个就需要借助SublimeText强大正则的支持了。可以使用<code>Ctrl+H</code>(Mac下是<code>Alt+Command+F</code>)调出：<br/><a href=\\\"http://i.imgur.com/4NnE9SN.jpg\\\" target=\\\"_blank\\\" title=\\\"SublimeText\\\"><img src=\\\":/d7f057bd32dd44c8ac9818e9be399e59\\\" type=\\\"image/jpeg\\\" data-filename=\\\"4NnE9SN.jpg\\\" alt=\\\"SublimeText\\\" height=\\\"64\\\" width=\\\"624\\\"/></a>SublimeText<br/>正则表达式是非常强大的文本查找&amp;替换工具，Sublime Text中使用Alt + R切换正则匹配模式的开启/关闭。Sublime Text的使用<a href=\\\"http://www.boost.org/doc/libs/1_44_0/libs/regex/doc/html/boost_regex/syntax/perl_syntax.html\\\" target=\\\"_blank\\\">Boost里的Perl正则表达式风格</a>。鉴于篇幅，加之本身就对这个不甚熟悉，这里就不再多啰嗦；以下是一些可以参考的文章：</p><p>(8) 有时我们需要对一片区域的所有行进行同时编辑，<code>Ctrl+Shift+L</code>可以将当前选中区域打散，然后进行同时编辑：<br/><a href=\\\"http://i.imgur.com/0NHpXFl.gif\\\" target=\\\"_blank\\\" title=\\\"SublimeText\\\"></a></p><div><a href=\\\"http://i.imgur.com/0NHpXFl.gif\\\" target=\\\"_blank\\\" title=\\\"SublimeText\\\"><img src=\\\":/62ca382541e04744a86ffb39b39d849e\\\" type=\\\"image/gif\\\" data-filename=\\\"0NHpXFl.gif\\\" alt=\\\"SublimeText\\\" height=\\\"187\\\" width=\\\"576\\\"/></a></div>SublimeText<p></p><p>(9)有打散自然就有合并，<code>Ctrl + J</code>(mac下Command＋J)可以把当前选中区域合并为一行：<br/><a href=\\\"http://i.imgur.com/hfRAyiy.gif\\\" target=\\\"_blank\\\" title=\\\"SublimeText\\\"></a></p><div><a href=\\\"http://i.imgur.com/hfRAyiy.gif\\\" target=\\\"_blank\\\" title=\\\"SublimeText\\\"><img src=\\\":/1d4435d9c532486bb083e1a791d8935f\\\" type=\\\"image/gif\\\" data-filename=\\\"hfRAyiy.gif\\\" alt=\\\"SublimeText\\\" height=\\\"184\\\" width=\\\"576\\\"/></a></div>SublimeText<p></p><p>(10)在<code>Ctrl + P</code>(Command+P)匹配到文件后，我们可以进行后续输入以跳转到更精确的位置：</p><ul><li>@ 符号跳转：输入<code>@symbol</code>跳转到symbol符号所在的位置</li><li># 关键字跳转：输入<code>#keyword</code>跳转到keyword所在的位置</li><li>: 行号跳转：输入<code>:12</code>跳转到文件的第12行。</li></ul><p>(11)<code>Ctrl + Enter</code>(Mac~Command+Enter)在当前行下面新增一行然后跳至该行；<code>Ctrl + Shift + Enter</code>在当前行上面增加一行并跳至该行。</p><p>(12)Sublime Text的查找有不同的模式：<code>Alt + C</code>切换大小写敏感（Case-sensitive）模式，Alt + W切换整字匹配（Whole matching）模式，除此之外Sublime Text还支持在选中范围内搜索（Search in selection），这个功能没有对应的快捷键，但可以通过以下配置项自动开启。</p><blockquote><p>“auto_find_in_selection”: true</p></blockquote><p>这样之后在选中文本的状态下范围内搜索就会自动开启，配合这个功能，局部重命名（Local Renaming）变的非常方便：<br/><a href=\\\"http://i.imgur.com/QRIsDra.gif\\\" target=\\\"_blank\\\" title=\\\"SublimeText\\\"></a></p><div><a href=\\\"http://i.imgur.com/QRIsDra.gif\\\" target=\\\"_blank\\\" title=\\\"SublimeText\\\"><img src=\\\":/d3847a06608043c6a09f7cc5c12706fc\\\" type=\\\"image/gif\\\" data-filename=\\\"QRIsDra.gif\\\" alt=\\\"SublimeText\\\" height=\\\"268\\\" width=\\\"576\\\"/></a></div>SublimeText<p></p><p>(13)Windows下<code>Ctrl + ←/→</code>进行逐词移动，相应的，<code>Ctrl + Shift + ←/→</code>进行逐词选择。<br/><a href=\\\"http://i.imgur.com/jFnTDl3.gif\\\" target=\\\"_blank\\\" title=\\\"SublimeText\\\"></a></p><div><a href=\\\"http://i.imgur.com/jFnTDl3.gif\\\" target=\\\"_blank\\\" title=\\\"SublimeText\\\"><img src=\\\":/35b8fca02a0c4c08a779060c362afe0a\\\" type=\\\"image/gif\\\" data-filename=\\\"jFnTDl3.gif\\\" alt=\\\"SublimeText\\\" height=\\\"156\\\" width=\\\"576\\\"/></a></div>SublimeText<br/>而Mac下的<code>Command+←/→</code>是从一端移动到另一端；相应的，<code>Command + Shift + ←/→</code>是从一端选择到另一端。Mac 下 option 加上左右键可以逐词移动；<p></p><p>(14) Windows下<code>Ctrl + ↑/↓</code>移动当前显示区域，<code>Ctrl + Shift + ↑/↓</code>移动当前行。<br/><a href=\\\"http://i.imgur.com/v31pd3k.gif\\\" target=\\\"_blank\\\" title=\\\"SublimeText\\\"></a></p><div><a href=\\\"http://i.imgur.com/v31pd3k.gif\\\" target=\\\"_blank\\\" title=\\\"SublimeText\\\"><img src=\\\":/32dd1a521c184b16a20041d8addc692b\\\" type=\\\"image/gif\\\" data-filename=\\\"v31pd3k.gif\\\" alt=\\\"SublimeText\\\" height=\\\"156\\\" width=\\\"576\\\"/></a></div>SublimeText<br/>而Mac下的<code>Command + ↑/↓</code>是从当前行移动到头/尾；相应的，<code>Command + Shift + ↑/↓</code>是从当前行选择到头/尾；<p></p><p>(15)使用<code>Ctrl + N</code>在当前窗口创建一个新标签，<code>Ctrl + W</code>关闭当前标签，<code>Ctrl + Shift + T</code>恢复刚刚关闭的标签。</p><p>(16)编辑代码时我们经常会开多个窗口，所以分屏很重要。Windows下：<code>Alt + Shift + 2</code>进行左右分屏，<code>Alt + Shift + 8</code>进行上下分屏，<code>Alt + Shift + 5</code>进行上下左右分屏（即分为四屏）。</p><p>(17)Sublime Text基本的手动格式化操作包括：<code>Ctrl + [</code>向左缩进(等同于将一块选中Shift+Tab)，Ctrl + ]向右缩进(等同于将一块选中后Tab键)，<strong>注解：</strong> Ctr+[ 和 Ctr+[ 针对一块连续内容使用，无需选中；此外Ctrl + Shift + V可以以当前缩进粘贴代码（非常实用）。</p><p>(18) <del><code>Ctrl+Shift+V</code></del>(好吧，尝试了下Windows下的这个，目测不行，看来须得安装下<a href=\\\"https://github.com/kemayo/sublime-text-2-clipboard-history\\\" target=\\\"_blank\\\">Clipboard-history</a>插件～（粘贴板历史记录）才行啊)（Mac下Command＋Shift＋V），粘贴之时可以调出之前粘贴过的内容（以一个轻量弹框显示以供选择），哇哦，才发现这个功能，感觉棒棒哒😄😄。<br/><a href=\\\"http://7xoosr.com1.z0.glb.clouddn.com/sublimetext-hotkey.jpg\\\" target=\\\"_blank\\\" title=\\\"SublimeText\\\"></a></p><div><a href=\\\"http://7xoosr.com1.z0.glb.clouddn.com/sublimetext-hotkey.jpg\\\" target=\\\"_blank\\\" title=\\\"SublimeText\\\"><img src=\\\":/02727f2471eb4cf8a37aadf99ac9fae8\\\" type=\\\"image/jpeg\\\" data-filename=\\\"sublimetext-hotkey.jpg\\\" alt=\\\"SublimeText\\\" height=\\\"221\\\" width=\\\"576\\\"/></a></div>SublimeText<p></p><p>(19) Sublime text 删除插件步骤：“Ctrl+Shift+P”—“Remove Package”—“找到需要删除的插件，并点击即可删除”;</p><p>(20) 作为强大而小巧，性感且快捷的SublimeText，怎么能够允许不时弹个框提醒你购买或者别的，并且顶部有未注册这样破坏美感的存在呢？OK，输入<a href=\\\"http://www.jianshu.com/p/04e1b65dd2c0\\\" target=\\\"_blank\\\">Sublime text 3最新版破解方法</a>中提供的注册码，就妥妥的哦了。</p><p><strong>(21)</strong> 如何用 Sublime Text 实现快速搜索？如何使得 Sublime Text 侧边栏变得很清爽？从事前端开发，如何隐藏掉那 <code>node_modules</code> 那充满插件得文件夹？如何 Exclude 掉那些缓存文件、以及无需涉及到得文件？如何优化编辑器，来改善我们得工作和生活？现在有了拯救我生命的方法：打开设置（Sublime Text &gt; Preferences &gt; Settings，快捷键 <code>Command + ,</code> ），注入如下配置即可；它即可将侧边栏的 node_modules 予以隐藏，So Nice；而你可根据自己的需要自行配置，从而使得可以优雅的使用，优雅的生活。</p><div><table><tbody><tr><td><pre><div>1</div></pre></td><td><pre><div>&quot;folder_exclude_patterns&quot;: [&quot;.svn&quot;, &quot;.git&quot;, &quot;.hg&quot;, &quot;CVS&quot;, &quot;node_modules&quot;]</div></pre></td></tr></tbody></table></div><p>其思路来源于这篇文章：<a href=\\\"http://www.lugolabs.com/articles/90-exclude-files-and-folders-from-search-in-sublime-text-3\\\" target=\\\"_blank\\\">Exclude files and folders from search in Sublime Text 3</a>。如有不爽，尽情折腾起来吧，为了你的生活和你的她。(Update @17-03-22)</p><h2><b>定制属于自己的个性化主题</b></h2>SublimeText 她不仅仅是作为性感无比，强大可大编辑器的存在；要知道在如今这么靠脸吃饭的时代，她的美者这方面怎么可能不臻至完美呢？Mac和Windows都默认十多种不同风格的主题，想必会有您喜欢😍的。即便没有也没关系，我们可以自己定制自己喜欢的风格主题。<a href=\\\"http://tmtheme-editor.herokuapp.com/#/local/Monokai\\\" target=\\\"_blank\\\">在线制作专属Sublime Text主题</a>。这个网址可以轻松按照自己的意愿制作喜欢的主题。完毕之后将生成的xx.sublime.theme文件，点开Preferences -&gt; Browsr Packages这个，放在这个直属目录之下，即可在Theme处选择这个主题了，亲测没有问题。<p>后记：作为如此便捷的她(Sublime Text3)，值得分享肯定不止这些，在Coding and Writing路上，要继续去发现和发扬她的美，未完待续…<br/>–写于2015.04.17 22:49 ShenZhen@nanshan</p><hr/><h2><b>Sublime锦上添花些许设置</b></h2>—更新2015.08.31 11:59 ShenZhen@nanshan—<h3><strong>Sublime Text内运行javascript(ES6)</strong></h3><p><strong>首先安装<a href=\\\"http://nodejs.org/\\\" target=\\\"_blank\\\">nodejs</a>：</strong><br/>当然你可以使用其它诸如<a href=\\\"https://trac.webkit.org/wiki/JSC\\\" target=\\\"_blank\\\">jsc</a>之类的环境来运行js, 本文使用的是<a href=\\\"http://nodejs.org/\\\" target=\\\"_blank\\\">nodejs</a>. 首先确保你的电脑已经安装好nodejs, 并已将其添加到环境变量中 (一般安装时自动添加或者询问是否添加)</p><p><strong>添加<a href=\\\"https://sublime-text-unofficial-documentation.readthedocs.org/en/sublime-text-2/file_processing/build_systems.html\\\" target=\\\"_blank\\\">build system</a>：</strong><br/>在sublime text中依次打开Tools -&gt; Build System -&gt; New Build System… 粘贴以下代码后保存(如Node.sublime-build), 然后把Build System设成Automatic<br/>{ “cmd”: [“node”, “–use-strict”, “–harmony”, “$file”], “selector”: “source.js”}</p><p><strong>附加说明：</strong><br/>在以上的build文件中(Node.sublime-build), node是执行命令, –harmony和–use-strict是执行参数, $file是当前文件名, 所以一次build操作实际上相当于在命令行中执行了node –use-strict –harmony filename<br/>. –harmony表示启用<a href=\\\"http://kangax.github.io/compat-table/es6/\\\" target=\\\"_blank\\\">ES Harmony features</a>, 而这些features目前只能在strict模式下运行, 所以需要同时添加use-strict参数(详见<a href=\\\"http://stackoverflow.com/questions/17253509/what-is-extended-mode\\\" target=\\\"_blank\\\">what-is-extended-mode</a>).<br/>如果不想启用es6的特性,把build文件更改成以下代码保存即可.<br/>{ “cmd”: [“node”, “$file”], “selector”: “source.js”}</p><p><strong>具体使用：</strong><br/>在sublime test中新建一个test.js文件, 然后输入你的测试代码, 比如:</p><div><table><tbody><tr><td><pre><div>1</div><div>2</div><div>3</div></pre></td><td><pre><div>for (let i = 0; i &lt; 3; i++) {</div><div>    console.log('i:', i);</div><div>}</div></pre></td></tr></tbody></table></div><p>使用快捷键 <code>ctrl + b</code>, 将得到以下执行结果:</p><div><table><tbody><tr><td><pre><div>1</div></pre></td><td><pre><div>i: 0i: 1i: 2[Finished in 0.1s]</div></pre></td></tr></tbody></table></div><p><strong>温馨注解:</strong></p><ul><li>(1)文件必须是存在于磁盘中的, 而不是untitled的, 否则sublime无法找到相应的文件.</li><li>(2)Nodejs安装目录需要加入path环境变量中，否则Ctrl+B运行 会出现：[WinError 2] 系统找不到指定的文件。</li></ul><h3><strong>更换Sublime Text程序图标</strong></h3><p>不仅主题可以更换，图标也可以。在<a href=\\\"https://dribbble.com/\\\" target=\\\"_blank\\\">Dribbble</a>上有大量重新设计的Sublime Text精美图标。更换方法：</p><ol><li>下载一个图标，有<code>.icn</code>s格式的最好。如果没有，用iConvert转换之。</li><li>终端执行：<code>open /Applications/Sublime\\\\ Text.app/Contents/Resources/</code></li><li>替换<code>Sublime Text 3.icns</code>或<code>Sublime Text 2.icns</code>文件。<br/><a href=\\\"http://segmentfault.com/img/bVchAA\\\" target=\\\"_blank\\\" title=\\\"Sublime\\\"><div><img src=\\\":/b447747191df4ee799ee22256dd26e99\\\" type=\\\"image/jpeg\\\" data-filename=\\\"bVchAA.jpg\\\" alt=\\\"Sublime\\\" height=\\\"220\\\" width=\\\"500\\\"/></div></a>Sublime</li></ol><h3><strong>Sublime 拼写检查</strong></h3><p>如果你经常使用SublimeText从事英文创作，那么启用拼写检查就非常有用处了。选择<code>Preferences &gt; Settings – User</code>菜单，添加以下代码：</p><blockquote><p>“spell_check”: true,</p></blockquote><h2><b>写在一路更来的结语</b></h2>不得不说的是此篇文章的命名，较之于内容来讲是大了很多。毕竟要优雅使用某个工具，并不是件很容易的事。一边发现学习，一边总结更新，到此已5个月整。然而，对她～SublimeText3三的使用和了解也是仅仅限于一般水平而已。只能说：每个人都工具的使用都怀有不同的态度和追求；但是，<strong>工欲善其事，必先利其器</strong>；此一点总是没错的。因此，在投资自己这里，除学习知识之外，工具的使用大抵就是最应该投资学习的，再次可以是蓝股等等，一如Google工程师@徐宥<a href=\\\"http://blog.youxu.info/2008/03/10/tools-everywhere/\\\" target=\\\"_blank\\\">工具的强是无敌的</a>所言。<p>所谓，一个好汉三个帮；欲要优雅使用一个工具，辅助器具是必不可少的。而在于Win下以SublimeText来编程或者写作，譬如<strong>AutoHotKey</strong>，<strong>Listary</strong>等对个人来讲着实已成必备工具(在Mac下，有Alfred在手，可以说是天下我有)；其给人带来的方便快捷和意想不到的惊喜，足以可以令其称为Win下小众软件中实用最。当然，像<strong>AutoHotKey</strong>这种在乎于人强，其功能愈发强的工具，其修行之路漫漫，还当上下以求索之(15.09.17更)。</p><p>当然，也不能盲目停留在SublimeText这孤傲的世界里。虽性感强大如斯，毕竟也已逝老牌儿范儿了。新的时代总会崛起些新秀，比如Github出品的<code>Atom</code>许有赶超Sublime之势，目测充盈着些许不同的理念；有时间定当去学习下，知乎有话题：<a href=\\\"http://www.zhihu.com/question/22867204\\\" target=\\\"_blank\\\">如何评价 Github 发布的文本编辑器 Atom？</a>，可预先了解下。</p><p>－－－2016-03-06日更新：<br/>一直以来特别钟爱Sublime的。可插件安装多了的SublimeText日益感觉微微有些卡顿感了。并且最近一次更新之后，频繁弹出的购买提示框也是很令人不舒服（以前网搜的注册码也显得力不从前）。而对Atom的近期试用情形来看，用的还蛮舒适，现在两者兼用之。前两天有随记下Atom使用感受：<a href=\\\"http://www.jeffjade.com/2016/03/03/2016-03-02-how-to-use-atom/#\\\" target=\\\"_blank\\\">新编码神器Atom使用纪要</a>有兴趣爱尝试下Atom的看官们，可供参考。</p><p>－－－2016-03-13日更新<br/>之前提到优雅使用SublimeText，也须结合如<strong>AutoHotKey</strong>，Listary这样一些小工具，方更见神奇 。使用<strong>AutoHotKey</strong>也有段日子了，虽没拿她来助我完成一些高大上复杂的事情，却无时无刻不帮着我节省一秒秒时间。趁着小闲，周五有将使用她的一些粗浅经验，凑成 <a href=\\\"http://www.jeffjade.com/2016/03/11/2016-03-11-autohotkey/\\\" target=\\\"_blank\\\">Win下最爱效率神器:AutoHotKey</a>一文，与诸君分享，若能作用，善莫大焉。</p><p>最后寄语：<br/><strong>工欲善其事，必先利其器！</strong><br/><strong>公欲善其事，必先利其器！</strong></p><hr/><p>如果您觉得本文的内容，对您有所帮助，您可以<strong>微信</strong>(左)/<strong>支付宝</strong>(右)，1元支持一下 凸^-^凸。</p><div><div><a href=\\\"http://7xoosr.com1.z0.glb.clouddn.com/wechatReward.png\\\" target=\\\"_blank\\\" title=\\\"微信小额打赏\\\"><div><img src=\\\":/47b7c6f4289b42429d4cdc7e9cbfe1e1\\\" type=\\\"image/png\\\" data-filename=\\\"wechatReward.png\\\" alt=\\\"微信小额打赏\\\" height=\\\"512\\\" width=\\\"446\\\"/></div></a>微信小额打赏</div><div><a href=\\\"http://7xoosr.com1.z0.glb.clouddn.com/aliReward.png\\\" target=\\\"_blank\\\" title=\\\"支付宝小额支持\\\"><div><img src=\\\":/15b832bdbbc04caba890ce4d8ab62588\\\" type=\\\"image/png\\\" data-filename=\\\"aliReward.png\\\" alt=\\\"支付宝小额支持\\\" height=\\\"512\\\" width=\\\"422\\\"/></div></a>支付宝小额支持</div></div><blockquote><p>原文出处: (晚晴幽草轩)<a href=\\\"http://jeffjade.com/\\\" target=\\\"_blank\\\">http://jeffjade.com</a><br/>原文链接: <a href=\\\"http://www.jeffjade.com/2015/12/15/2015-04-17-toss-sublime-text/\\\" target=\\\"_blank\\\">http://www.jeffjade.com/2015/12/15/2015-04-17-toss-sublime-text/</a></p></blockquote><hr/><p>参考文章出处：<br/><a href=\\\"http://www.cnblogs.com/figure9/p/sublime-text-complete-guide.html\\\" target=\\\"_blank\\\">Sublime Text 全程指引 by Lucida</a><br/><a href=\\\"http://www.cnblogs.com/bugs/p/3533216.html\\\" target=\\\"_blank\\\">Sublime Text 3能用支持的插件推荐</a><br/><a href=\\\"http://www.cnblogs.com/Leo_wl/p/4478147.html\\\" target=\\\"_blank\\\">Wakatime 测试工作时间</a></p><p><strong>您可能感兴趣(/有用)的文章：</strong></p></div></div></div><br/></div></span>\\\n</div></body></html>\\u0000\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":33415}]"
metadata_diff: {"new":{"id":"f301ad9825a6483180fa8f796ce89442","parent_id":"f67288c3a0be4374b5d532b5dcc3aabc","latitude":"0.00000000","longitude":"0.00000000","altitude":"0.0000","author":"","source_url":"","is_todo":0,"todo_due":0,"todo_completed":0,"source":"joplin-desktop","source_application":"net.cozic.joplin-desktop","application_data":"","order":1764348846243,"markup_language":2,"is_shared":0,"share_id":"","conflict_original_id":"","master_key_id":"","user_data":"","deleted_time":0},"deleted":[]}
encryption_cipher_text: 
encryption_applied: 0
updated_time: 2025-11-28T21:04:14.177Z
created_time: 2025-11-28T21:04:14.177Z
type_: 13