20 个强大的 Sublime Text 插件 电玩女神 2022-08-03 00:24 155阅读 0赞 <table style="margin:0px; padding:10px 0px"> <tbody style="margin:0px; padding:0px"> <tr style="margin:0px; padding:0px"> <td style="margin:0px; padding:0px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(227,227,227)"> <div style="margin:0px; padding:0px 10px; line-height:1.6; width:750px; font-size:10.5pt; overflow:hidden"> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> </p> <div style="margin:0px; padding:10px; color:rgb(102,102,102); font-family:'Microsoft YaHei',Verdana,sans-serif,SimSun; font-size:13.3333330154419px; background:rgb(237,237,237)"> <h1 style="margin:0px; padding:0px 0px 5px; font-size:28px; line-height:36px; font-weight:normal; color:rgb(51,51,51)"> 20 个强大的 Sublime Text 插件</h1> <h3 style="margin:2px 0px; padding:0px; font-size:18px; color:rgb(57,57,57); font-weight:normal"> 英文原文:<a href="http://inspiretrends.com/20-powerful-sublimetext-plugins/" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow">20 Powerful SublimeText Plugins</a></h3> <div style="margin:0px; padding:0px; clear:both; font-size:1px; line-height:0"> </div> </div> <div style="margin:0px; padding:5px 0px 5px 5px; overflow:hidden; color:rgb(106,106,106); border-left-width:1px; border-left-style:solid; border-left-color:rgb(237,237,237); border-right-width:1px; border-right-style:solid; border-right-color:rgb(237,237,237); font-family:'Microsoft YaHei',Verdana,sans-serif,SimSun; font-size:13.3333330154419px"> <span style="margin:0px; padding:0px; float:left; width:100px">参与翻译<span style="margin:0px; padding:0px; color:rgb(163,163,163); font-size:12px">(4人)</span>:</span> <div style="margin:0px; padding:0px; width:610px; float:left"> <a href="http://my.oschina.net/theforever" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow">赵亮-碧海情天</a>, <a href="http://my.oschina.net/u/1156611" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow">realZ</a>, <a href="http://my.oschina.net/localhost88" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow">tsingyi</a>, <a href="http://my.oschina.net/jidianren" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow">几点人</a> </div> </div> <p></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <br> </p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 作为一个开发者你不可能没听说过SublimeText。不过你没听说过也没关系,下面让你明白。 SublimeText是一款非常精巧的文本编辑器,适合编写代码、做笔记、写文章。它用户界面十分整洁,功能非同凡响,性能快得出奇。这些非常棒的特性包括任意跳转(Goto Anything)、多重选择(multiple selections)、指令面板(command palette)、免打扰模式(distraction free mode)、分区编辑(split editing)、快速项目切换(instant project switch),你还可以随意地自定义更多功能。还有,这款编辑器支持Mac、Windows和Linux平台。但这些并不是本文所要讨论的内容。</p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> SublimeText本身已经非常强大,但是更棒的是有一长串的插件支持它,给它带来更强大的功能,这就是本文要讨论的内容。不多废话,让我们看看20个强大的SublimeText插件。如果你已经在使用他们,请告诉我们,并告诉我们你认为其中那款最出色。像往常一样,你的意见也很重要。</p> </div> </td> <td style="margin:0px; padding:0px 6px; width:210px"> <a href="http://my.oschina.net/u/1156611" title="realZ" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow"><img src="http://static.oschina.net/uploads/user/578/1156611_50.jpg?t=1373540388000" align="absmiddle" alt="realZ" title="realZ" style="margin:5px 0px 0px; padding:2px; border:1px solid rgb(221,221,221); float:left; width:46px; height:46px"></a> <div style="margin:0px 10px; padding:0px; float:left; width:126px; height:45px"> <h6 style="margin:0px; padding:0px; font-weight:normal; font-size:10pt; color:rgb(68,68,68)"> <a href="http://my.oschina.net/u/1156611" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow">realZ</a><br style="margin:0px; padding:0px"> 翻译于 1年前</h6> <p style="margin-top:5px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; color:rgb(102,102,102)"> <span style="margin:0px 2px; padding:0px; color:rgb(170,0,0)">4</span>人顶</p> </div> <div style="margin:0px; padding:0px; clear:both; font-size:1px; line-height:0"> </div> <p style="margin-top:20px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; height:30px; line-height:30px; color:rgb(102,102,102)"> <a style="margin:0px; padding:0px; color:rgb(255,255,255); outline:0px; height:30px; float:left; border:0px solid rgb(0,0,0); font-weight:bold; font-size:12pt; background:rgb(209,192,165)" rel="nofollow"><span style="margin:0px 0px 0px 10px; padding:0px 10px 0px 0px; float:left; height:30px">顶</span></a> 翻译的不错哦!</p> </td> </tr> </tbody> </table> <table style="margin:0px; padding:10px 0px"> <tbody style="margin:0px; padding:0px"> <tr style="margin:0px; padding:0px"> <td style="margin:0px; padding:0px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(227,227,227)"> <div style="margin:0px; padding:0px 10px; line-height:1.6; width:750px; font-size:10.5pt; overflow:hidden"> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">20. <a href="https://github.com/NoxArt/SublimeText2-FTPSync" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">FTPSync</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="FTPSync" src="http://static.oschina.net/uploads/img/201402/05081901_t3aL.gif" height="384" width="550" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 默认情况下SublimeText不具备FTP的功能,如果你正在寻找能在您的SublimeText应用程序中使用的免费和易用的FTP工具,你可以考虑FTPSync。这是一个非常简单的FTP同步工具,它可以控制上传目标的多重命名。让我们知道您的想法。</p> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">19. <a href="https://github.com/jaumefontal/SASS-Build-SublimeText2" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">SASS Build</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> SASS Build 是一个编写CSS的预处理器。这个特别的插件将帮助你妥善构建包括压缩选项在内的SASS文件。一旦你安装了这个插件,你可以很容易地通过按Ctrl+ B(MAC系统是 Command +B)来启动它。</p> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">18. <a href="https://sublime.wbond.net/installation" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">Package Control</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="18. Package Control" src="http://static.oschina.net/uploads/img/201402/05081901_B0oo.gif" height="432" width="550" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 通俗易懂地说,这个是你在完成安装SublimeText后必须安装的东西。你问为什么?因为有了这个特殊的“插件包”,你可以很容易地安装、升级、删除,甚至非常方便地查看您已经安装在SublimeText中的包或插件的列表。它通过菜单和对应的行为使这些过程变得非常容易和有组织。</p> </div> </td> <td style="margin:0px; padding:0px 6px; width:210px"> <a href="http://my.oschina.net/theforever" title="赵亮-碧海情天" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow"><img src="http://static.oschina.net/uploads/user/525/1050041_50.jpg?t=1368272872000" align="absmiddle" alt="赵亮-碧海情天" title="赵亮-碧海情天" style="margin:5px 0px 0px; padding:2px; border:1px solid rgb(221,221,221); float:left; width:46px; height:46px"></a> <div style="margin:0px 10px; padding:0px; float:left; width:126px; height:45px"> <h6 style="margin:0px; padding:0px; font-weight:normal; font-size:10pt; color:rgb(68,68,68)"> <a href="http://my.oschina.net/theforever" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow">赵亮-碧海情天</a><br style="margin:0px; padding:0px"> 翻译于 1年前</h6> <p style="margin-top:5px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; color:rgb(102,102,102)"> <span style="margin:0px 2px; padding:0px; color:rgb(170,0,0)">2</span>人顶</p> </div> <div style="margin:0px; padding:0px; clear:both; font-size:1px; line-height:0"> </div> <p style="margin-top:20px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; height:30px; line-height:30px; color:rgb(102,102,102)"> <a style="margin:0px; padding:0px; color:rgb(255,255,255); outline:0px; height:30px; float:left; border:0px solid rgb(0,0,0); font-weight:bold; font-size:12pt; background:rgb(209,192,165)" rel="nofollow"><span style="margin:0px 0px 0px 10px; padding:0px 10px 0px 0px; float:left; height:30px">顶</span></a> 翻译的不错哦!</p> </td> </tr> </tbody> </table> <table style="margin:0px; padding:10px 0px"> <tbody style="margin:0px; padding:0px"> <tr style="margin:0px; padding:0px"> <td style="margin:0px; padding:0px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(227,227,227)"> <div style="margin:0px; padding:0px 10px; line-height:1.6; width:750px; font-size:10.5pt; overflow:hidden"> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">17. <a href="http://emmet.io/" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">Emmet</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="17. Emmet" src="http://static.oschina.net/uploads/img/201402/05081902_YBUL.gif" width="550" height="272" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 概括地说,Emmet(译者注:前身就是以前大名鼎鼎的Zen Coding,这个如果你没听说和使用过,就悲哀了)是一个可以让你更快更高效地编写HTML和CSS,节省你大量时间的插件。怎么使用?你只需按约定的缩写形式书写而不用写整个代码,然后按“扩展”键,这些缩写就会自动扩展为对应的代码内容。 比如,你只需要输入<span style="margin:0px; padding:0px">((h4>a[rel=external])+p>img[width=500 height=320])*12 </span>,然后它会被扩展转换成12个列表项和紧随其后的图像。然后你就可以在此基础上再填写内容,就这么简单。</p> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">16. <a href="https://github.com/titoBouzout/SideBarEnhancements/tree/st3" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">SublimeLinter</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="16. SublimeLinter" src="http://static.oschina.net/uploads/img/201402/05081903_tBKN.gif" width="550" height="352" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 这个插件最近才为SublimeText3重建和发布。新版本显然带来了很多新的有所不同的功能,而不是简单地把所有的Linter 放在一个包中,开发者允许用户在升级时选择并安装自己经常使用的Linter。很明显,这可以节省磁盘空间。“更多的定制”,这对用户是很友好的。</p> </div> </td> <td style="margin:0px; padding:0px 6px; width:210px"> <a href="http://my.oschina.net/theforever" title="赵亮-碧海情天" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow"><img src="http://static.oschina.net/uploads/user/525/1050041_50.jpg?t=1368272872000" align="absmiddle" alt="赵亮-碧海情天" title="赵亮-碧海情天" style="margin:5px 0px 0px; padding:2px; border:1px solid rgb(221,221,221); float:left; width:46px; height:46px"></a> <div style="margin:0px 10px; padding:0px; float:left; width:126px; height:45px"> <h6 style="margin:0px; padding:0px; font-weight:normal; font-size:10pt; color:rgb(68,68,68)"> <a href="http://my.oschina.net/theforever" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow">赵亮-碧海情天</a><br style="margin:0px; padding:0px"> 翻译于 1年前</h6> <p style="margin-top:5px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; color:rgb(102,102,102)"> <span style="margin:0px 2px; padding:0px; color:rgb(170,0,0)">2</span>人顶</p> </div> <div style="margin:0px; padding:0px; clear:both; font-size:1px; line-height:0"> </div> <p style="margin-top:20px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; height:30px; line-height:30px; color:rgb(102,102,102)"> <a style="margin:0px; padding:0px; color:rgb(255,255,255); outline:0px; height:30px; float:left; border:0px solid rgb(0,0,0); font-weight:bold; font-size:12pt; background:rgb(209,192,165)" rel="nofollow"><span style="margin:0px 0px 0px 10px; padding:0px 10px 0px 0px; float:left; height:30px">顶</span></a> 翻译的不错哦!</p> </td> </tr> </tbody> </table> <table style="margin:0px; padding:10px 0px"> <tbody style="margin:0px; padding:0px"> <tr style="margin:0px; padding:0px"> <td style="margin:0px; padding:0px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(227,227,227)"> <div style="margin:0px; padding:0px 10px; line-height:1.6; width:750px; font-size:10.5pt; overflow:hidden"> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">15. <a href="https://github.com/titoBouzout/SideBarEnhancements/tree/st3" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">SublimeEnhancements</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="15. SublimeEnhancements" src="http://static.oschina.net/uploads/img/201402/05081904_CJ8r.gif" height="352" width="550" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 这个插件可以给SublimeText的边栏菜单带来扩充的功能,包括:在当前工程文件夹中新建文件,移动文件或文件夹,产生文件或文件夹的副本,在新窗口或浏览器中打开,刷新等。这只是概括地说,安装后探索它更多的功能吧。</p> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">14. <a href="https://github.com/skuroda/PackageResourceViewer" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">PackageResourceViewer</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="14. PackageResourceViewer" src="http://static.oschina.net/uploads/img/201402/05081905_ANXC.gif" height="352" width="550" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 通过这个特殊的插件,会给你查看和编辑SublimeText附带的不同的包带来很多方便。您也可以提取任何给定的包。这一行动将其复制到用户文件夹,以便您可以安全地对其进行编辑。</p> </div> </td> <td style="margin:0px; padding:0px 6px; width:210px"> <a href="http://my.oschina.net/theforever" title="赵亮-碧海情天" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow"><img src="http://static.oschina.net/uploads/user/525/1050041_50.jpg?t=1368272872000" align="absmiddle" alt="赵亮-碧海情天" title="赵亮-碧海情天" style="margin:5px 0px 0px; padding:2px; border:1px solid rgb(221,221,221); float:left; width:46px; height:46px"></a> <div style="margin:0px 10px; padding:0px; float:left; width:126px; height:45px"> <h6 style="margin:0px; padding:0px; font-weight:normal; font-size:10pt; color:rgb(68,68,68)"> <a href="http://my.oschina.net/theforever" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow">赵亮-碧海情天</a><br style="margin:0px; padding:0px"> 翻译于 1年前</h6> <p style="margin-top:5px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; color:rgb(102,102,102)"> <span style="margin:0px 2px; padding:0px; color:rgb(170,0,0)">1</span>人顶</p> </div> <div style="margin:0px; padding:0px; clear:both; font-size:1px; line-height:0"> </div> <p style="margin-top:20px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; height:30px; line-height:30px; color:rgb(102,102,102)"> <a style="margin:0px; padding:0px; color:rgb(255,255,255); outline:0px; height:30px; float:left; border:0px solid rgb(0,0,0); font-weight:bold; font-size:12pt; background:rgb(209,192,165)" rel="nofollow"><span style="margin:0px 0px 0px 10px; padding:0px 10px 0px 0px; float:left; height:30px">顶</span></a> 翻译的不错哦!</p> </td> </tr> </tbody> </table> <table style="margin:0px; padding:10px 0px"> <tbody style="margin:0px; padding:0px"> <tr style="margin:0px; padding:0px"> <td style="margin:0px; padding:0px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(227,227,227)"> <div style="margin:0px; padding:0px 10px; line-height:1.6; width:750px; font-size:10.5pt; overflow:hidden"> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">13. <a href="https://github.com/kemayo/sublime-text-git" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">Git</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="13. Git" src="http://static.oschina.net/uploads/img/201402/05081906_4h9L.gif" height="352" width="550" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 虽然名字看上去并不友好,但作为开发者的你肯定一眼就能明白它是干什么的。这个插件会将Git整合进你的SublimeText,使的你可以在SublimeText中运行Git命令,包括添加,提交文件,查看日志,文件注解以及其它Git功能。</p> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">12. <a href="https://github.com/wbond/sublime_terminal" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">Terminal</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="12. Terminal" src="http://static.oschina.net/uploads/img/201402/05081906_nKEI.gif" height="352" width="550" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 这个插件可以让你在Sublime中直接使用终端打开你的项目文件夹,并支持使用快捷键。</p> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">11. <a href="http://csscomb.com/" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">CSSComb</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="11. CSSComb" src="http://static.oschina.net/uploads/img/201402/05081907_uOAC.gif" height="352" width="550" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 这是用来给CSS属性进行排序的格式化插件。如果你想保持的代码干净整洁,并且希望按一定的顺序排列(是不是有点强迫症了?),那么这个插件是一种有效解决的方案。特别是当你和其他有自己代码编写风格的开发者一同协作的时候。</p> </div> </td> <td style="margin:0px; padding:0px 6px; width:210px"> <a href="http://my.oschina.net/localhost88" title="tsingyi" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow"><img src="http://static.oschina.net/uploads/user/723/1447445_50.jpg?t=1391786621000" align="absmiddle" alt="tsingyi" title="tsingyi" style="margin:5px 0px 0px; padding:2px; border:1px solid rgb(221,221,221); float:left; width:46px; height:46px"></a> <div style="margin:0px 10px; padding:0px; float:left; width:126px; height:45px"> <h6 style="margin:0px; padding:0px; font-weight:normal; font-size:10pt; color:rgb(68,68,68)"> <a href="http://my.oschina.net/localhost88" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow">tsingyi</a><br style="margin:0px; padding:0px"> 翻译于 1年前</h6> <p style="margin-top:5px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; color:rgb(102,102,102)"> <span style="margin:0px 2px; padding:0px; color:rgb(170,0,0)">2</span>人顶</p> </div> <div style="margin:0px; padding:0px; clear:both; font-size:1px; line-height:0"> </div> <p style="margin-top:20px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; height:30px; line-height:30px; color:rgb(102,102,102)"> <a style="margin:0px; padding:0px; color:rgb(255,255,255); outline:0px; height:30px; float:left; border:0px solid rgb(0,0,0); font-weight:bold; font-size:12pt; background:rgb(209,192,165)" rel="nofollow"><span style="margin:0px 0px 0px 10px; padding:0px 10px 0px 0px; float:left; height:30px">顶</span></a> 翻译的不错哦!</p> </td> </tr> <tr style="margin:0px; padding:0px"> <td style="margin:0px; padding:0px 6px; width:210px"> <a style="margin:0px; padding:0px 0px 0px 20px; color:rgb(62,98,166); outline:0px; font-size:10pt; height:30px; line-height:30px" rel="nofollow">其它翻译版本(1)</a></td> </tr> </tbody> </table> <table style="margin:0px; padding:10px 0px"> <tbody style="margin:0px; padding:0px"> <tr style="margin:0px; padding:0px"> <td style="margin:0px; padding:0px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(227,227,227)"> <div style="margin:0px; padding:0px 10px; line-height:1.6; width:750px; font-size:10.5pt; overflow:hidden"> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">10. <a href="http://azd325.github.io/sublime-text-caniuse/" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">CanIUse</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="10. CanIUse" src="http://static.oschina.net/uploads/img/201402/05081908_kT29.gif" height="352" width="550" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 如果您想检查浏览器是否支持你包括在你的代码中的CSS和HTML元素,那么这是你需要的插件。所有您需要做的就是选择有疑问的元素,插件将为你做其余的事情。</p> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">9. <a href="https://github.com/wbond/sublime_alignment" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">Alignment</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="9. Alignment" src="http://static.oschina.net/uploads/img/201402/05081909_Bjna.gif" height="352" width="550" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 这个插件让你能对齐你的代码,包括 PHP、CSS 和 Javascript。代码看起来更简洁和可读,便于编辑。您可以查看下面的图片来明白我说的意思。</p> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">8. <a href="https://github.com/jonlabelle/Trimmer" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">Trmmer</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="8. Trmmer" src="http://static.oschina.net/uploads/img/201402/05081910_fwFB.gif" height="352" width="550" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 你知道当你编写代码时,由于错误或别的某些原因,会产生一些不必要的空格。需要注意的是多余的空格有时也会造成错误。这个插件会自动删除这些不必要的空格。</p> </div> </td> <td style="margin:0px; padding:0px 6px; width:210px"> <a href="http://my.oschina.net/theforever" title="赵亮-碧海情天" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow"><img src="http://static.oschina.net/uploads/user/525/1050041_50.jpg?t=1368272872000" align="absmiddle" alt="赵亮-碧海情天" title="赵亮-碧海情天" style="margin:5px 0px 0px; padding:2px; border:1px solid rgb(221,221,221); float:left; width:46px; height:46px"></a> <div style="margin:0px 10px; padding:0px; float:left; width:126px; height:45px"> <h6 style="margin:0px; padding:0px; font-weight:normal; font-size:10pt; color:rgb(68,68,68)"> <a href="http://my.oschina.net/theforever" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow">赵亮-碧海情天</a><br style="margin:0px; padding:0px"> 翻译于 1年前</h6> <p style="margin-top:5px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; color:rgb(102,102,102)"> <span style="margin:0px 2px; padding:0px; color:rgb(170,0,0)">3</span>人顶</p> </div> <div style="margin:0px; padding:0px; clear:both; font-size:1px; line-height:0"> </div> <p style="margin-top:20px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; height:30px; line-height:30px; color:rgb(102,102,102)"> <a style="margin:0px; padding:0px; color:rgb(255,255,255); outline:0px; height:30px; float:left; border:0px solid rgb(0,0,0); font-weight:bold; font-size:12pt; background:rgb(209,192,165)" rel="nofollow"><span style="margin:0px 0px 0px 10px; padding:0px 10px 0px 0px; float:left; height:30px">顶</span></a> 翻译的不错哦!</p> </td> </tr> </tbody> </table> <table style="margin:0px; padding:10px 0px"> <tbody style="margin:0px; padding:0px"> <tr style="margin:0px; padding:0px"> <td style="margin:0px; padding:0px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(227,227,227)"> <div style="margin:0px; padding:0px 10px; line-height:1.6; width:750px; font-size:10.5pt; overflow:hidden"> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">7. <a href="http://weslly.github.io/ColorPicker/" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">ColorPicker</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="7. ColorPicker" src="http://static.oschina.net/uploads/img/201402/05081910_FHPl.gif" height="352" width="550" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 如果你经常要查看或设置颜色值,这个插件可以很方便地调用你本机的调色板应用。(译者扩充:)这是一个双向的功能,你既可以在调色板中选择一个颜色,然后按“确定”按钮把该值填写到 SublimeText 中活动文档的当前位置,也可以在活动文档中选择一个颜色的值,按此插件的快捷键就会在显示的调色板中定位到该值所对应的颜色。</p> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">6. <a href="https://github.com/SublimeText-Markdown/MarkdownEditing" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">MarkDown Editing</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="6. MarkDown Editing" src="http://static.oschina.net/uploads/img/201402/05081911_ustr.gif" height="352" width="550" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> SublimeText不仅仅是能够查看和编辑 Markdown 文件,但它会视它们为格式很糟糕的纯文本。这个插件通过适当的颜色高亮和其它功能来更好地完成这些任务。</p> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">5. <a href="https://github.com/colinta/SublimeFileDiffs" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">FileDiffs</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="5. FileDiffs" src="http://static.oschina.net/uploads/img/201402/05081912_1if7.gif" height="352" width="550" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 这个插件允许你看到SublimeText中两个不同文件的差异。你可以比较的对象可以是从剪贴板中复制的数据,或工程中的文件,当前打开的文件等。</p> </div> </td> <td style="margin:0px; padding:0px 6px; width:210px"> <a href="http://my.oschina.net/theforever" title="赵亮-碧海情天" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow"><img src="http://static.oschina.net/uploads/user/525/1050041_50.jpg?t=1368272872000" align="absmiddle" alt="赵亮-碧海情天" title="赵亮-碧海情天" style="margin:5px 0px 0px; padding:2px; border:1px solid rgb(221,221,221); float:left; width:46px; height:46px"></a> <div style="margin:0px 10px; padding:0px; float:left; width:126px; height:45px"> <h6 style="margin:0px; padding:0px; font-weight:normal; font-size:10pt; color:rgb(68,68,68)"> <a href="http://my.oschina.net/theforever" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow">赵亮-碧海情天</a><br style="margin:0px; padding:0px"> 翻译于 1年前</h6> <p style="margin-top:5px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; color:rgb(102,102,102)"> <span style="margin:0px 2px; padding:0px; color:rgb(170,0,0)">1</span>人顶</p> </div> <div style="margin:0px; padding:0px; clear:both; font-size:1px; line-height:0"> </div> <p style="margin-top:20px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; height:30px; line-height:30px; color:rgb(102,102,102)"> <a style="margin:0px; padding:0px; color:rgb(255,255,255); outline:0px; height:30px; float:left; border:0px solid rgb(0,0,0); font-weight:bold; font-size:12pt; background:rgb(209,192,165)" rel="nofollow"><span style="margin:0px 0px 0px 10px; padding:0px 10px 0px 0px; float:left; height:30px">顶</span></a> 翻译的不错哦!</p> </td> </tr> </tbody> </table> <table style="margin:0px; padding:10px 0px"> <tbody style="margin:0px; padding:0px"> <tr style="margin:0px; padding:0px"> <td style="margin:0px; padding:0px; border-right-width:1px; border-right-style:solid; border-right-color:rgb(227,227,227)"> <div style="margin:0px; padding:0px 10px; line-height:1.6; width:750px; font-size:10.5pt; overflow:hidden"> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">4. <a href="https://github.com/spadgos/sublime-jsdocs" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">DocBlockr</a></span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="4. DocBlockr" src="http://static.oschina.net/uploads/img/201402/05081912_8pCz.gif" height="352" width="550" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> DocBlockr 可以使你很方便地对代码建立文档。它会解析函数,变量,和参数,根据它们自动生成文档范式,你的工作就是去填充对应的说明。</p> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">3. 定制的主题</span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 拥有不同的主题可以触发创意和想法,你可能想使用这些插件来实现不同的主题,带来更好的和令人兴奋的前景。</p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <span style="margin:0px; padding:0px"><a href="https://github.com/kkga/spacegray/" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">SpaceGray</a></span></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="SpaceGray" src="http://static.oschina.net/uploads/img/201402/05081913_psCB.gif" height="352" width="550" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <span style="margin:0px; padding:0px"><a href="https://github.com/allanhortle/Centurion" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">Centurion</a></span></p> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> <img alt="Centurion" src="http://static.oschina.net/uploads/img/201402/05081914_GnbK.gif" height="352" width="550" style="margin:0px; padding:0px; border:0px; max-width:640px"></p> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">2. Snippets</span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> Snippets,你一定已经听说了,可以帮你快速书写代码。但它不是像上面提到的插件那样使用缩写,它是重用代码块以节省您的时间。你甚至可以创建自己的代码段,这完全取决于你自己。</p> <h3 style="margin:0px 0px 10pt; padding:0px 0px 5px; font-size:12pt; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(204,204,204)"> <span style="margin:0px; padding:0px">1. 其他语法支持</span></h3> <p style="margin-top:0px; margin-bottom:5pt; padding-top:0px; padding-bottom:0px"> 如果有一个SublimeText本身所带语言包不包含的语言,它就无法显示适当的语法高亮。这些语言包括LESS,Sass,SCSS,Styls和Jade(或其它)。如果您正在使用这些语言,你可能要安装它们的语法插件。</p> <ul style="margin:0.5em 0px 0.5em 1.5em; padding:0px; list-style-position:inside"> <li style="margin:0px; padding:0px"> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; display:inline"> <a href="https://github.com/danro/LESS-sublime" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">LESS</a></p> </li> <li style="margin:0px; padding:0px"> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; display:inline"> <a href="https://github.com/nathos/sass-textmate-bundle" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">Sass</a></p> </li> <li style="margin:0px; padding:0px"> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; display:inline"> <a href="https://github.com/MarioRicalde/SCSS.tmbundle" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">SCSS</a></p> </li> <li style="margin:0px; padding:0px"> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; display:inline"> <a href="https://github.com/billymoon/Stylus" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">Styls</a></p> </li> <li style="margin:0px; padding:0px"> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; display:inline"> <a href="https://github.com/P233/Jade-Snippets-for-Sublime-Text-2" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px" rel="nofollow">Jade</a></p> </li> </ul> </div> </td> <td style="margin:0px; padding:0px 6px; width:210px"> <a href="http://my.oschina.net/theforever" title="赵亮-碧海情天" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow"><img src="http://static.oschina.net/uploads/user/525/1050041_50.jpg?t=1368272872000" align="absmiddle" alt="赵亮-碧海情天" title="赵亮-碧海情天" style="margin:5px 0px 0px; padding:2px; border:1px solid rgb(221,221,221); float:left; width:46px; height:46px"></a> <div style="margin:0px 10px; padding:0px; float:left; width:126px; height:45px"> <h6 style="margin:0px; padding:0px; font-weight:normal; font-size:10pt; color:rgb(68,68,68)"> <a href="http://my.oschina.net/theforever" style="margin:0px; padding:0px; color:rgb(62,98,166); outline:0px; text-decoration:none" rel="nofollow">赵亮-碧海情天</a><br style="margin:0px; padding:0px"> 翻译于 1年前</h6> <p style="margin-top:5px; margin-bottom:5px; padding-top:0px; padding-bottom:0px; color:rgb(102,102,102)"> <span style="margin:0px 2px; padding:0px; color:rgb(170,0,0)">1</span>人顶</p> </div> <div style="margin:0px; padding:0px; clear:both; font-size:1px; line-height:0"> </div> <p style="margin-top:20px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; height:30px; line-height:30px; color:rgb(102,102,102)"> <a style="margin:0px; padding:0px; color:rgb(255,255,255); outline:0px; height:30px; float:left; border:0px solid rgb(0,0,0); font-weight:bold; font-size:12pt; background:rgb(209,192,165)" rel="nofollow"><span style="margin:0px 0px 0px 10px; padding:0px 10px 0px 0px; float:left; height:30px">顶</span></a> 翻译的不错哦!</p> </td> </tr> </tbody> </table> 本文中的所有译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接 我们的翻译工作遵照 [CC 协议][CC],如果我们的工作有侵犯到您的权益,请及时联系我们 转载自: [http://www.oschina.net/translate/20-powerful-sublimetext-plugins][http_www.oschina.net_translate_20-powerful-sublimetext-plugins] [CC]: http://zh.wikipedia.org/wiki/Wikipedia:CC [http_www.oschina.net_translate_20-powerful-sublimetext-plugins]: http://www.oschina.net/translate/20-powerful-sublimetext-plugins
还没有评论,来说两句吧...