如何優(yōu)雅地使用Sublime Text3

Sublime Text:一款具有代碼高亮浴井、語法提示洪囤、自動完成且反應(yīng)快速的編輯器軟件,不僅具有華麗的界面款咖,還支持插件擴(kuò)展機(jī)制,用她來寫代碼富腊,絕對是一種享受。相比于難于上手的Vim民假,浮腫沉重的Eclipse,VS易迹,即便體積輕巧迅速啟動的Editplus、Notepad++窘疮,在SublimeText面前大略顯失色先嬉,無疑這款性感無比的編輯器是Coding和Writing最佳的選擇含懊,沒有之一岔乔。


『有則推薦』: 自 2017 年初,就有開始利用閑余時光,打磨個人最新作品——「傾城之鏈」 募闲,有意將其打造成優(yōu)良開放型平臺愿待,旨在云集全球優(yōu)秀網(wǎng)站浩螺,讓您更為便捷地探索互聯(lián)網(wǎng)中那更廣闊的世界;在這里仍侥,您可以輕松發(fā)現(xiàn)要出、學(xué)習(xí)农渊、分享更多有用有趣的事物患蹂。目前仍在不斷迭代、優(yōu)化中,如果您對此感興趣况脆,不妨先嘗試一下: 「傾城之鏈」饭宾;亦十分歡迎提出寶貴意見。 Upade@2018-01-19于深圳.南山格了。

傾城之鏈 - 小程序

溫情提醒:可以移步原文首鏈處:如何優(yōu)雅地使用Sublime Text(因?yàn)槟莾哼€在持續(xù)更新完善中)看铆;Here最后更新于2015.12.15晚 (不能為簡書文章添加目錄?盛末,額弹惦,折騰不出來,醉了)悄但,但目錄結(jié)構(gòu)還是可以有的:

如何優(yōu)雅地使用Sublime Text 之 目錄結(jié)構(gòu)

Sublime Text 2和3的對比
Sublime Text 3安裝插件
Sublime Text 3插件推薦
定制屬于自己的快捷鍵
Sublime不可不知的實(shí)用技巧
定制屬于自己的個性化主題
Sublime錦上添花些許設(shè)置
寫在一路更來的結(jié)語

Sublime Text 2和3的對比

相比于2棠隐,Sublime Text 3就秒啟動一項(xiàng),就壓倒性地勝利了檐嚣。因此在之后的敘述中都以Sublime Text 3為主角助泽。并且3一直在不斷的完善更新,具體的差異可參看Sublime Blog.簡單的說:

  • ST3支持在項(xiàng)目目錄里面尋找變量
  • 提供了對標(biāo)簽頁更好地支持(更多的命令和快捷鍵)
  • 加快了程序運(yùn)行的速度
  • 更新了API嚎京,使用Python3.3

強(qiáng)烈推薦朋友們使用3! 唯快不破嗡贺,不解釋。

優(yōu)雅使用Sublime Text鞍帝,插件則是不可缺少的存在诫睬;而插件的備份就顯得非常的重要(譬如:各平臺同步;更換系統(tǒng)/電腦帕涌,迅速使用已安裝的插件)摄凡。這事兒也很簡單,只需將Packages(Preferences > Browse Packages)中內(nèi)容拷貝一份蚓曼,同步云端即可亲澡;至于存儲何處,云盤辟躏,Github谷扣,皆無不可;譬如先前有存一份于 sublime_packages捎琐,每有所需只要 Down 下來会涎,替換掉原 Packages 下內(nèi)容就好。

<h2 id="two"><b>Sublime Text 3安裝插件</b></h2>
Sublime Text的強(qiáng)大就是她擁有強(qiáng)大的課可擴(kuò)展性瑞凑。您可根據(jù)自己的需要安裝不同的插件末秃;這使得她變的無比強(qiáng)大的同時又不失輕便。

  • 插件安裝方式一:直接安裝:

安裝Sublime text 3插件很方便籽御,可以直接下載安裝包解壓縮到Packages目錄(菜單->preferences->packages)练慕。

  • 插件安裝方式二:使用Package Control組件安裝:

按Ctrl+`調(diào)出console(注:安裝有QQ輸入法的這個快捷鍵會有沖突的惰匙,輸入法屬性設(shè)置-輸入法管理-取消熱鍵切換至QQ拼音)粘貼以下代碼到底部命令行并回車:

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())

重啟Sublime Text 3。如果在Perferences->package settings中看到package control這一項(xiàng)铃将,則安裝成功项鬼。按下Ctrl+Shift+P調(diào)出命令面板輸入install 調(diào)出 Install Package 選項(xiàng)并回車,然后在列表中選中要安裝的插件劲阎。

PS:國內(nèi)使用SublimeText3绘盟,經(jīng)常可能遇到無法安裝可用插件問題悯仙,可remove掉Package Control重新安裝下龄毡;如遇到連Package Control也無法安裝,則可以在別處拷貝一份關(guān)于Package Control的文件-(Package Control.sublime-package)存放于Installed Packages目錄之下即可锡垄。

Sublime Text 3插件推薦

無插件沦零,不神器!根據(jù)自己的需要定制屬于自己的強(qiáng)大插件集货岭;作為在移動端舊游之后路操,又Web端新游的自己,墻裂推薦以下這么幾款插件:

MarkDown Editing
SublimeText不僅僅是能夠查看和編輯 Markdown 文件茴她,但它會視它們?yōu)楦袷胶茉愀獾募兾谋狙胺鳌_@個插件通過適當(dāng)?shù)念伾吡梁推渌δ軄砀玫赝瓿蛇@些任務(wù)。關(guān)于如何在SublimeText下高效些東西可參見文章:sublime text 2(3)下的Markdown寫作 抑或是前段時間寫下的追尋高效工作的一路折騰㈡

SideBarFolders
打開的文件夾都太多了? 來用這個來管理文件夾丈牢,世界原來也可以這么美好。

SideBarFolders

Sublime Terminal
這個插件可以讓你在Sublime中直接使用終端打開你的項(xiàng)目文件夾瞄沙,并支持使用快捷鍵己沛。

ColorPicker
通常,如果你想使用一個顏色選擇器則可能打開 Photoshop 或 GIMP距境。而在 Sublime Text 中申尼,你可以使用內(nèi)置的顏色選擇器。安裝完成后垫桂,只要按下Ctrl / Cmd + Shift + C 快捷鍵愧怜。

SublimeREPL
這可能是對程序員很有用的插件按脚。SublimeREPL 允許你在 Sublime Text 中運(yùn)行各種語言(NodeJS , Python,Ruby缓窜, Scala 和 Haskell 等等)。

Ctags插件
有童鞋抱怨Sublime Text不能支持函數(shù)的跳轉(zhuǎn)(比如像Eclipse那樣殴蓬,按住Control點(diǎn)擊該方法或者對象柏蘑,即可跳轉(zhuǎn)到定義的地方; Alt+←即可回到原處)空镜。其實(shí)Sublime Text也可以借助插件實(shí)現(xiàn)之(當(dāng)然浩淘,有些情況下:Can not find defination)畢竟這個也是借助正則來匹配完成的捌朴。因此這個也就要求代碼很規(guī)范。這個插件相對來講會有些麻煩张抄,具體的可以參見:Sublime Text ctags 的配置.

SublimeLinter插件
SublimeLinter 是前端編碼利器——Sublime Text 的一款插件砂蔽,用于高亮提示用戶編寫的代碼中存在的不規(guī)范和錯誤的寫法,支持 JavaScript署惯、CSS察皇、HTML、Java泽台、PHP什荣、Python、Ruby 等十多種開發(fā)語言怀酷。這篇文章介紹如何在 Windows 中配置 SublimeLinter 進(jìn)行 JS & CSS 校驗(yàn)稻爬。
比如寫例如像lua這樣的弱語言腳本代碼,有這個可以規(guī)避掉很多不該有的低級錯誤吧蜕依?當(dāng)然這也需要你SublimeLinter安裝完畢之后再安裝一個SublimeLinter-lua即可桅锄。具體的使用可以參見:借助 SublimeLinter 編寫高質(zhì)量的 JavaScript & CSS 代碼

SideBarEnhancements插件
SideBarEnhancements是一款很實(shí)用的右鍵菜單增強(qiáng)插件;在安裝該插件前样眠,在Sublime Text左側(cè)FOLDERS欄中點(diǎn)擊右鍵友瘤,只有寥寥幾個簡單的功能;安裝了就相當(dāng)于給其豐了大胸一般檐束。
更強(qiáng)大的是辫秧,該插件還能讓我們自定義快捷鍵呼出某個瀏覽器以預(yù)覽頁面!這樣就不用到項(xiàng)目目錄下尋找和拖動到特定瀏覽器中預(yù)覽了被丧。
安裝此插件后盟戏,點(diǎn)擊菜單欄的preferences->package setting->side bar->Key Building-User,鍵入以下代碼:

[   
    { "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":".*"
            }
     }
]

這里設(shè)置按Ctrl+Shift+C復(fù)制文件路徑甥桂,按F2即可在Chrome瀏覽器預(yù)覽效果(如果需要的話柿究,也可以根據(jù)自己的需要為Firefox,Safari黄选,IE蝇摸,Opera等加上),當(dāng)然你也可以自己定義喜歡的快捷鍵办陷,最后注意代碼中的瀏覽器路徑要以自己電腦里的文件路徑為準(zhǔn)貌夕。

HTML-CSS-JS Prettify
一款集成了格式化(美化)html、css懂诗、js三種文件類型的插件蜂嗽,即便html,js寫在PHP文件之內(nèi)。插件依賴于nodejs殃恒,因此需要事先安裝nodejs植旧,然后才可以正常運(yùn)行辱揭。插件安裝完成后,快捷鍵ctrl+shift+H完成當(dāng)前文件的美化操作病附。插件對html问窃、css文件的美化不是非常滿意,但還可以完沪,后面將說明如何修改css美化腳本域庇。本人用起來超級爽的,鑒于篇幅覆积,就不贅述听皿,可以參見這篇介紹。

CSScomb CSS屬性排序:
有時候看看自己寫的CSS文件宽档,會不會覺得屬性很亂查找不易維護(hù)難尉姨?CSScomb可以按照一定的CSS屬性排序規(guī)則,將雜亂無章的CSS屬性進(jìn)行重新排序吗冤。選中要排序的CSS代碼又厉,按Ctrl+Shift+C,即可對CSS屬性重新排序了椎瘟,代碼從此簡潔有序易維護(hù)覆致,如果不款選代碼則插件將排序文件中所有的CSS屬性。當(dāng)然肺蔚,可以自己自定義CSS屬性排序規(guī)則煌妈,打開插件目錄里的CSScomb.sublime-settings文件,更改里面的CSS屬性順序就行了婆排。因?yàn)檫@個插件使用PHP寫的声旺,要使他工作需要在環(huán)境變量中添加PHP的路徑,具體請看github上的說明段只。

SublimeTmpl 快速生成文件模板
一直都很奇怪為什么sublime text 3沒有新建文件模板的功能,像html頭部的DTD聲明每次都要復(fù)制粘貼鉴扫。用SublimeTmpl這款插件終于可以解脫了赞枕,SublimeTmpl能新建html、css坪创、javascript炕婶、php、python莱预、ruby六種類型的文件模板柠掂,所有的文件模板都在插件目錄的templates文件夾里,可以自定義編輯文件模板依沮。
SublimeTmpl默認(rèn)的快捷鍵:

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

如果想要新建其他類型的文件模板的話涯贞,先自定義文件模板方在templates文件夾里枪狂,再分別打開Default (Windows).sublime-keymap、Default.sublime-commands宋渔、Main.sublime-menu州疾、SublimeTmpl.sublime-settings這四個文件照著里面的格式自定義想要新建的類型,這里就詳細(xì)介紹了皇拣,請各位自己折騰哈~

Javascript-API-Completions:
支持Javascript严蓖、JQuery、Twitter Bootstrap框架氧急、HTML5標(biāo)簽屬性提示的插件颗胡,是少數(shù)支持sublime text 3的后綴提示的插件,HTML5標(biāo)簽提示sublime text3自帶吩坝,不過JQuery提示還是很有用處的毒姨,也可設(shè)置要提示的語言。

sublime-jq-plugin

SFTP:快速編輯遠(yuǎn)程服務(wù)器文件
在Win下用XftpWinScp钾恢,被這種需要切換點(diǎn)擊or F5刷新的手動操作蛋疼到無語手素;故此一遇見這SFTP,頓覺這世界都美好了許多瘩蚪。當(dāng)然Sublime下面也有些其他同步插件泉懦,比如FtpSnyc,但是配置起來的錯誤提示一點(diǎn)都不人性化疹瘦,就毫不留情的舍棄了崩哩。Sublime下有SFTP,只要Ctrl+S即可同步本地到服務(wù)器言沐,妥妥的爽歪歪有么有邓嘹?如何配置,請參見在 Sublime Text中使用 SFTP 插件快速編輯遠(yuǎn)程服務(wù)器文件;如欲使用FtpSync可參見Sublime使用及FtpSync遠(yuǎn)程同步险胰;大道至簡汹押,因簡而悅;開心壘碼起便,值得折騰棚贾。

WakaTime -- 記錄你的Code時間;
WakaTime可以做到精確地統(tǒng)計(jì)到你花在某個項(xiàng)目上的時間;WakaTime針對不同的IDE,擁有不同的插件榆综,在Sublime上安裝著插件妙痹,就能統(tǒng)計(jì)到我使用Sublime進(jìn)行的所有項(xiàng)目的行為”谴可以高效管理和知曉自己code時間怯伊;并且,統(tǒng)計(jì)完善, 適合發(fā)朋友圈裝逼(如果你喜歡的話)~

Waka的基本設(shè)計(jì)和rescuetime類似判沟。每個人注冊完將獲取一個key耿芹,裝一個客戶端崭篡,把key輸進(jìn)去(登陸是同一個道理),然后它就把本地的所有行為帶個key扔給服務(wù)器來統(tǒng)計(jì)猩系,一段時間之后給你個報(bào)表媚送。不過Waka做的真的很精準(zhǔn),精確到每一個文件用了多少秒寇甸,每一種語言用了多少時間塘偎。


安裝和使用都很簡單,請參見這里拿霉。另外一篇比較詳細(xì)的文章時間都去哪了?用RescueTime和WakaTime來記錄你的時間,對RescueTime和WakaTime有一個更為詳細(xì)的敘述吟秩,可以一讀。

Doc?Blockr: 代碼塊注釋
可以快速的對函數(shù)進(jìn)行注釋绽淘。保持代碼規(guī)范涵防。支持多種語言,有 JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.

  • /*:回車創(chuàng)建一個代碼塊注釋
  • /**:回車在自動查找函數(shù)中的形參等等。

它會生成 JSDoc 格式的注釋沪铭。如果你從沒有使用過類似的工具壮池,DocBlockr 會讓你覺得以前沒有它是如何寫代碼的。幫助你創(chuàng)造你的代碼注釋杀怠,通過解析功能椰憋,參數(shù),變量赔退,并且自動添加基本項(xiàng)目橙依;如果你愿意其更為便捷,不妨再結(jié)合AutoHotKey,高效注釋硕旗,由此開啟窗骑。

sublime-text-git: Git 版本控制
可視化的操作:幫助你與你的Git repo協(xié)議進(jìn)行交互。它支持很多命令像init,push, pull, branch, stash,等等漆枚。使用它當(dāng)然提前需要安裝 Git创译,并做好響應(yīng)的配置;對于這個插件墙基,不妨看下這篇文章 Using Git Inside of Sublime Text to Improve Workflow昔榴,相信她的伴隨不會讓你失望的。

advancedNewFile: 快速創(chuàng)建文件
當(dāng)我們在 Sublime Text 編輯器里我們可以通過快捷鍵command+n(win: ctrl+n),來新建一個文件碘橘,然后command+s(Win:ctrl+s)進(jìn)行彈出保存框,填寫文件名進(jìn)行保存吱肌。還是老問題痘拆,麻煩!氮墨!我們接下來就通過安裝advancedNewFile插件來提升我們在Sublime Text編輯器下的創(chuàng)建文件速度纺蛆。

關(guān)乎其使用吐葵,安裝完成之后,運(yùn)用快捷鍵command+alt+n(win: ctrl+alt+n)
桥氏,Sublime Text底部會彈出輸入框温峭;我們只需在這個輸入框里輸入我們需要新建的文件名回車即可(我們甚至可以帶路徑,譬如:src/components/perfect.vue;這就會在當(dāng)前項(xiàng)目目錄下,建立該文件字支;需要注意的是這路徑前面不可加 '/', 這會使得建立的路徑成為用戶目錄凤藏,而非改項(xiàng)目目錄)。默認(rèn)情況下文件會存儲在當(dāng)前目錄堕伪,如果當(dāng)前沒有目錄揖庄,會存儲在用戶的家目錄。


剩下些許其他的可以按需安裝的插件欠雌,比如:

  • ConvertToUTF8 支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等編碼的插件
  • Bracket Highlighter 用于匹配括號蹄梢,引號和html標(biāo)簽。對于很長的代碼很有用富俄。安裝好之后禁炒,不需要設(shè)置插件會自動生效
  • DocBlockr 可以自動生成PHPDoc風(fēng)格的注釋。它支持的語言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++
  • <font color="purple">Emmet(Zen Coding)</font>快速生成HTML代碼段的插件霍比,強(qiáng)大到無與倫比:可以超快速編寫HTML/CSS/JS幕袱,當(dāng)然這個插件還支持多種編譯環(huán)境,如常見的:Eclipse/Aptana桂塞、Coda凹蜂、Notepad++、Adobe Dreamweaver阁危、TextMate等玛痊,web開發(fā)必備!?翊颉擂煞!
  • jsFormat 格式化js代碼趴乡,懂者自懂对省;強(qiáng)迫癥Coder必備!默認(rèn)快捷鍵Ctrl+Alt+F晾捏。
  • phpFormat 格式化php代碼蒿涎,懂者自懂;強(qiáng)迫癥Coder必備惦辛!
  • CSS Compact Expand CSS屬性展開收縮:寫CSS的盆友劳秋,喜歡將其寫多行還是一行(個人喜歡將其格式化為多行)?如果閱讀別人的代碼不符合自己的習(xí)慣,可以用CSS Compact Expand這個插件將CSS格式化一下玻淑,按 Ctrl+Alt+[ 收縮CSS代碼為一行顯示嗽冒,按 Ctrl+Alt+] 展開CSS代碼為多行顯示;強(qiáng)迫癥Coder必備补履!添坊。
  • Autoprefixer插件:這是一款CSS3私有前綴自動補(bǔ)全插件;該插件使用CanIUse資料庫(當(dāng)然箫锤,SublimeText自然也有<font color="purple">CanIUse</font>這個插件咯)贬蛙,能精準(zhǔn)判斷哪些屬性需要什么前綴,與CssComb插件一樣麻汰,該插件也需要系統(tǒng)已安裝Node.js環(huán)境速客;使用方法:在輸入CSS3屬性后(冒號前)按Tab鍵即可。
  • YUI Compressor:壓縮JS和CSS文件五鲫,按F7鍵后溺职,若壓縮當(dāng)前文件(demo.js),則壓縮后的文件(demo.min.js)保存在該文件的同級目錄位喂,需要安裝java的JDK浪耘。使用方法:YUI Compressor
  • ClickableURLs:可點(diǎn)擊的URL
    使用小插件ClickableURLs可以讓文件中的URL能夠點(diǎn)擊。
  • Vue Syntax Highlight: Vue(*.vue)高亮插件塑崖;于前端而言七冲,使用Vue框架開發(fā),是一個很酷爽的存在规婆,那么此插件也就很有必要擁有澜躺;同時Jade, SASS等插件也是很有擁有的必要,誰用誰知道(說到用vue, 這vue-cli就蠻有使用的必要了( Webpack, Eslint, Test等都配置完善抒蚜,十分貼心); 而寫Js代碼掘鄙,于稍大項(xiàng)目 Eslint 就很有使用必要,而 sublime 在針對使用 Eslint 的 *.vue文件嗡髓,目測還沒有很好格式化插件操漠,坐等誕生??)。
  • 終極王道:自己編寫專用的Sublime Text插件饿这。雖然說各個方面比如移動端浊伙,Web前段,服務(wù)器端长捧,非Coder的Writer所需要的方便已經(jīng)被集成在了不同的插件中嚣鄙。但譬如,需要快捷打開PC端的某個模擬器串结,便捷的進(jìn)行某些校驗(yàn)拗慨,只要你想的到的基本都可以將其在插件內(nèi)廓八,以快捷鍵處理之。至于如何編寫SublimeText插件赵抢,請參看這里編寫自己的Sublime Text2 插件

定制屬于自己的快捷鍵

  • 首先要會使用SublimeText內(nèi)置的快捷鍵:
    比如 Commond Shift P 打開命令面板:例如打開Package Control安裝各種插件;可以可以輸入Set(Snytax)來改變使用的語言環(huán)境声功,瞬間切換等等烦却。

  • 設(shè)置快捷鍵。在SublimeText里先巴,打開Preferences -> Key Bindings - User其爵,我設(shè)置的快捷鍵:

    [
        { "keys": ["ctrl+f9"], "command": "build" },
        { "keys": ["f10"], "command": "build", "args": {"variant": "Run"} },
        { "keys": ["ctrl+shift+x"], "command": "toggle_comment", "args": { "block": true } },
    ]
    

    具體可參見這邊文章Sublime Text3 快捷鍵匯總及設(shè)置快捷鍵配置環(huán)境變量

  • 定制屬于自己的專屬快捷鍵:
    比如就拿定制Sublime Text(2/3)編譯lua 的快捷鍵來說:

    • 首先:下安裝lua環(huán)境(MAC)
    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
    
    • 安裝IED:SublimeText3;完畢后上面選擇:Build System--New Build System 輸入:
      {  
          "cmd": ["/usr/local/bin/lua", "$file"],  
          "file_regex": "^(...*?):([0-9]*):?([0-9]*)",  
          "selector": "source.lua"  
      } 
      

    保存為Lua.sublime-build,然后Tools-Build System上就能選擇lua來編譯腳本了)
    PS:網(wǎng)上找到的大多數(shù)都是 "cmd": ["lua", "$file"]可能我是用rudix自動來安裝lua的伸蚯,需要改一下路徑摩渺。

    新建一個xx.lua文件,隨便寫個語句剂邮,選擇lua為build system摇幻,按一下command+b,就能跑出來了挥萌。 如下圖所示:

    LuaShortCutSublimeText

    WindowS下面的定制請參看這里Sublime Text(2/3)編譯lua

Sublime不可不知的實(shí)用技巧:

---更新2015.05.21 15:50 ShenZhen@nanshan
對于這個依賴于插件的強(qiáng)大性感無比開源編輯器绰姻;優(yōu)雅的適用之,就在于合理的使用需要的插件引瀑,走一條快準(zhǔn)狠的鍵盤一刀流狂芋。這個當(dāng)然可以自己用python來寫,但是一般的需求基本上都已經(jīng)有人完成憨栽,還是不浪費(fèi)時間自己造輪子了帜矾。今兒就再贅述一些使用的經(jīng)驗(yàn),讓使用她可以更加優(yōu)雅屑柔。

(1) Ctrl+O(Command+O)可以實(shí)現(xiàn)頭文件和源文件之間的快速切換
(2) 通過 View -> Side bar 可在左側(cè)顯示當(dāng)前打開的文件列表

(3) ST3雖然不像notepad++可以在sidebar上顯示函數(shù)列表屡萤,但是可通過Ctrl+R查看

(3) 通過 Preference -> Key binding user 可根據(jù)個人操作習(xí)慣自定義快捷鍵(包括ST3自帶的和插件的)

(4) 雙擊可選中光標(biāo)所在單詞,三擊可選中光標(biāo)所在行(等同于Ctrl+L(Command+L));

(5) Ctrl+Shift+T可以打開之前關(guān)閉的tab頁锯蛀,這點(diǎn)同chrome是一樣的

(6)Ctrl+R定位函數(shù)灭衷;Ctrl+G定位到行;

(7) 單個文件批量修改:純相同的內(nèi)容:選中需要修改的內(nèi)容Alt+F3(Mac下默認(rèn)的是Ctrl+Command+G) 旁涤, 或者連續(xù) Ctrl+D(Win) /連續(xù) Command+D(Mac)之后重新寫即可翔曲,使用Ctrl + U進(jìn)行回退,使用Esc退出多重編輯劈愚。
不純相同卻有一定規(guī)律可循的內(nèi)容:這個就需要借助SublimeText強(qiáng)大正則的支持了瞳遍。可以使用Ctrl+H(Mac下是Alt+Command+F)調(diào)出:

SublimeText

正則表達(dá)式是非常強(qiáng)大的文本查找&替換工具菌羽,Sublime Text中使用Alt + R切換正則匹配模式的開啟/關(guān)閉掠械。Sublime Text的使用Boost里的Perl正則表達(dá)式風(fēng)格。鑒于篇幅,加之本身就對這個不甚熟悉猾蒂,這里就不再多啰嗦均唉;以下是一些可以參考的文章:

(8) 有時我們需要對一片區(qū)域的所有行進(jìn)行同時編輯,Ctrl+Shift+L可以將當(dāng)前選中區(qū)域打散肚菠,然后進(jìn)行同時編輯:

SublimeText

(9)有打散自然就有合并舔箭,Ctrl + J(mac下Command+J)可以把當(dāng)前選中區(qū)域合并為一行:

SublimeText

(10)在Ctrl + P(Command+P)匹配到文件后,我們可以進(jìn)行后續(xù)輸入以跳轉(zhuǎn)到更精確的位置:

  • @ 符號跳轉(zhuǎn):輸入@symbol跳轉(zhuǎn)到symbol符號所在的位置
  • # 關(guān)鍵字跳轉(zhuǎn):輸入#keyword跳轉(zhuǎn)到keyword所在的位置
  • : 行號跳轉(zhuǎn):輸入:12跳轉(zhuǎn)到文件的第12行蚊逢。

(11)Ctrl + Enter(Mac~Command+Enter)在當(dāng)前行下面新增一行然后跳至該行层扶;Ctrl + Shift + Enter在當(dāng)前行上面增加一行并跳至該行。

(12)Sublime Text的查找有不同的模式:Alt + C切換大小寫敏感(Case-sensitive)模式烙荷,Alt + W切換整字匹配(Whole matching)模式镜会,除此之外Sublime Text還支持在選中范圍內(nèi)搜索(Search in selection),這個功能沒有對應(yīng)的快捷鍵终抽,但可以通過以下配置項(xiàng)自動開啟戳表。

"auto_find_in_selection": true

這樣之后在選中文本的狀態(tài)下范圍內(nèi)搜索就會自動開啟,配合這個功能拿诸,局部重命名(Local Renaming)變的非常方便:


SublimeText

(13)Windows下Ctrl + ←/→進(jìn)行逐詞移動扒袖,相應(yīng)的,Ctrl + Shift + ←/→進(jìn)行逐詞選擇亩码。

SublimeText

而Mac下的Command+←/→是從一端移動到另一端季率;相應(yīng)的,Command + Shift + ←/→是從一端選擇到另一端描沟。

(14) Windows下Ctrl + ↑/↓移動當(dāng)前顯示區(qū)域飒泻,Ctrl + Shift + ↑/↓移動當(dāng)前行。

SublimeText

而Mac下的Command + ↑/↓是從當(dāng)前行移動到頭/尾吏廉;相應(yīng)的泞遗,Command + Shift + ↑/↓是從當(dāng)前行選擇到頭/尾;

(15)使用Ctrl + N在當(dāng)前窗口創(chuàng)建一個新標(biāo)簽席覆,Ctrl + W關(guān)閉當(dāng)前標(biāo)簽史辙,Ctrl + Shift + T恢復(fù)剛剛關(guān)閉的標(biāo)簽。

(16)編輯代碼時我們經(jīng)常會開多個窗口佩伤,所以分屏很重要聊倔。Windows下:Alt + Shift + 2進(jìn)行左右分屏,Alt + Shift + 8進(jìn)行上下分屏生巡,Alt + Shift + 5進(jìn)行上下左右分屏(即分為四屏)耙蔑。

(17)Sublime Text基本的手動格式化操作包括:Ctrl + [向左縮進(jìn)(等同于將一塊選中Shift+Tab),Ctrl + ]向右縮進(jìn)(等同于將一塊選中后Tab鍵)孤荣,注解: Ctr+[ 和 Ctr+[ 針對一塊連續(xù)內(nèi)容使用甸陌,無需選中须揣;此外Ctrl + Shift + V可以以當(dāng)前縮進(jìn)粘貼代碼(非常實(shí)用)。

(18) Ctrl+Shift+V(好吧钱豁,嘗試了下Windows下的這個耻卡,目測不行,看來須得安裝下Clipboard-history插件~(粘貼板歷史記錄)才行啊)(Mac下Command+Shift+V)寥院,粘貼之時可以調(diào)出之前粘貼過的內(nèi)容(以一個輕量彈框顯示以供選擇)劲赠,哇哦,才發(fā)現(xiàn)這個功能秸谢,感覺棒棒噠????。

SublimeText

(19) Sublime text 刪除插件步驟:“Ctrl+Shift+P”—“Remove Package”—“找到需要刪除的插件霹肝,并點(diǎn)擊即可刪除”;

(20) 作為強(qiáng)大而小巧估蹄,性感且快捷的SublimeText,怎么能夠允許不時彈個框提醒你購買或者別的沫换,并且頂部有未注冊這樣破壞美感的存在呢臭蚁?OK,輸入Sublime text 3最新版破解方法中提供的注冊碼讯赏,就妥妥的哦了垮兑。

定制屬于自己的個性化主題

SublimeText 她不僅僅是作為性感無比,強(qiáng)大可大編輯器的存在漱挎;要知道在如今這么靠臉吃飯的時代系枪,她的美者這方面怎么可能不臻至完美呢?Mac和Windows都默認(rèn)十多種不同風(fēng)格的主題磕谅,想必會有您喜歡??的私爷。即便沒有也沒關(guān)系,我們可以自己定制自己喜歡的風(fēng)格主題膊夹。在線制作專屬Sublime Text主題衬浑。這個網(wǎng)址可以輕松按照自己的意愿制作喜歡的主題。完畢之后將生成的xx.sublime.theme文件放刨,點(diǎn)開Preferences -> Browsr Packages這個工秩,放在這個直屬目錄之下,即可在Theme處選擇這個主題了进统,親測沒有問題助币。

后記:作為如此便捷的她(Sublime Text3),值得分享肯定不止這些麻昼,在Coding and Writing路上奠支,要繼續(xù)去發(fā)現(xiàn)和發(fā)揚(yáng)她的美,未完待續(xù)...
--寫于2015.04.17 22:49 ShenZhen@nanshan


Sublime錦上添花些許設(shè)置

---更新2015.08.31 11:59 ShenZhen@nanshan---

Sublime Text內(nèi)運(yùn)行javascript(ES6)

首先安裝nodejs

當(dāng)然你可以使用其它諸如jsc之類的環(huán)境來運(yùn)行js, 本文使用的是nodejs. 首先確保你的電腦已經(jīng)安裝好nodejs, 并已將其添加到環(huán)境變量中 (一般安裝時自動添加或者詢問是否添加)

添加build system

在sublime text中依次打開Tools -> Build System -> New Build System... 粘貼以下代碼后保存(如Node.sublime-build), 然后把Build System設(shè)成Automatic
{ "cmd": ["node", "--use-strict", "--harmony", "$file"], "selector": "source.js"}

附加說明

在以上的build文件中(Node.sublime-build), node是執(zhí)行命令, --harmony和--use-strict是執(zhí)行參數(shù), file是當(dāng)前文件名, 所以一次build操作實(shí)際上相當(dāng)于在命令行中執(zhí)行了node --use-strict --harmony filename . --harmony表示啟用[ES Harmony features](http://kangax.github.io/compat-table/es6/), 而這些features目前只能在strict模式下運(yùn)行, 所以需要同時添加use-strict參數(shù)(詳見[what-is-extended-mode](http://stackoverflow.com/questions/17253509/what-is-extended-mode)). 如果不想啟用es6的特性,把build文件更改成以下代碼保存即可. { "cmd": ["node", "file"], "selector": "source.js"}

具體使用

在sublime test中新建一個test.js文件, 然后輸入你的測試代碼, 比如:

for (let i = 0; i < 3; i++) {
    console.log('i:', i);
}

使用快捷鍵 ctrl + b
, 將得到以下執(zhí)行結(jié)果:

i: 0i: 1i: 2[Finished in 0.1s]

溫馨注解:

  • (1)文件必須是存在于磁盤中的, 而不是untitled的, 否則sublime無法找到相應(yīng)的文件.
  • (2)Nodejs安裝目錄需要加入path環(huán)境變量中抚芦,否則Ctrl+B運(yùn)行 會出現(xiàn):[WinError 2] 系統(tǒng)找不到指定的文件倍谜。

更換Sublime Text程序圖標(biāo)

不僅主題可以更換迈螟,圖標(biāo)也可以。在Dribbble上有大量重新設(shè)計(jì)的Sublime Text精美圖標(biāo)尔崔。更換方法:

  1. 下載一個圖標(biāo)答毫,有.icns格式的最好。如果沒有季春,用iConvert轉(zhuǎn)換之洗搂。
  2. 終端執(zhí)行:open /Applications/Sublime\ Text.app/Contents/Resources/
  3. 替換Sublime Text 3.icnsSublime Text 2.icns文件。
    [圖片上傳失敗...(image-141bba-1516340085038)]

Sublime 拼寫檢查

如果你經(jīng)常使用SublimeText從事英文創(chuàng)作载弄,那么啟用拼寫檢查就非常有用處了耘拇。選擇Preferences > Settings – User菜單,添加以下代碼:

"spell_check": true,

寫在一路更來的結(jié)語

不得不說的是此篇文章的命名宇攻,較之于內(nèi)容來講是大了很多惫叛。畢竟要優(yōu)雅使用某個工具,并不是件很容易的事逞刷。一邊發(fā)現(xiàn)學(xué)習(xí)嘉涌,一邊總結(jié)更新,到此已5個月整夸浅。然而仑最,對她~SublimeText3三的使用和了解也是僅僅限于一般水平而已。只能說:每個人都工具的使用都懷有不同的態(tài)度和追求帆喇;但是警医,工欲善其事,必先利其器番枚;此一點(diǎn)總是沒錯的法严。因此,在投資自己這里葫笼,除學(xué)習(xí)知識之外深啤,工具的使用大抵就是最應(yīng)該投資學(xué)習(xí)的,再次可以是藍(lán)股等等路星,一如Google工程師@徐宥工具的強(qiáng)是無敵的所言溯街。

所謂,一個好漢三個幫洋丐;欲要優(yōu)雅使用一個工具呈昔,輔助器具是必不可少的。而在于Win下以SublimeText來編程或者寫作友绝,譬如AutoHotKey堤尾,Listary等對個人來講著實(shí)已成必備工具(在Mac下,有Alfred在手迁客,可以說是天下我有)郭宝;其給人帶來的方便快捷和意想不到的驚喜辞槐,足以可以令其稱為Win下小眾軟件中實(shí)用最。當(dāng)然粘室,像AutoHotKey這種在乎于人強(qiáng)榄檬,其功能愈發(fā)強(qiáng)的工具,其修行之路漫漫衔统,還當(dāng)上下以求索之(15.09.17更)鹿榜。

當(dāng)然,也不能盲目停留在SublimeText這孤傲的世界里锦爵。雖性感強(qiáng)大如斯舱殿,畢竟也已逝老牌兒范兒了。新的時代總會崛起些新秀险掀,比如Github出品的Atom許有趕超Sublime之勢怀薛,目測充盈著些許不同的理念;有時間定當(dāng)去學(xué)習(xí)下迷郑,知乎有話題:如何評價(jià) Github 發(fā)布的文本編輯器 Atom?创倔,可預(yù)先了解下嗡害。

---2016-03-06日更新:
一直以來特別鐘愛Sublime的∑枞粒可插件安裝多了的SublimeText日益感覺微微有些卡頓感了霸妹。并且最近一次更新之后,頻繁彈出的購買提示框也是很令人不舒服(以前網(wǎng)搜的注冊碼也顯得力不從前)知押。而對Atom的近期試用情形來看叹螟,用的還蠻舒適,現(xiàn)在兩者兼用之台盯。前兩天有隨記下Atom使用感受:新編碼神器Atom使用紀(jì)要有興趣愛嘗試下Atom的看官們罢绽,可供參考。

---2016-03-13日更新
之前提到優(yōu)雅使用SublimeText静盅,也須結(jié)合如AutoHotKey良价,Listary這樣一些小工具,方更見神奇 蒿叠。使用AutoHotKey也有段日子了明垢,雖沒拿她來助我完成一些高大上復(fù)雜的事情,卻無時無刻不幫著我節(jié)省一秒秒時間市咽。趁著小閑痊银,周五有將使用她的一些粗淺經(jīng)驗(yàn),湊成 Win下最愛效率神器:AutoHotKey一文施绎,與諸君分享溯革,希望有用贞绳,如此,足慰我心鬓照,善莫大焉熔酷。

最后寄語:
工欲善其事,必先利其器豺裆!
公欲善其事拒秘,必先利其器辈灼!

參考文章出處:
Sublime Text 全程指引 by Lucida
Sublime Text 3能用支持的插件推薦
Wakatime 測試工作時間
Sublime Text3插件:增強(qiáng)篇
20個強(qiáng)大的SublimeText插件


原文出處:晚晴幽草軒
原文首發(fā)鏈接:如何優(yōu)雅地使用Sublime Text


您可能感興趣(/有用)的文章:

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末描姚,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子冀惭,更是在濱河造成了極大的恐慌蔑歌,老刑警劉巖羹应,帶你破解...
    沈念sama閱讀 206,013評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異次屠,居然都是意外死亡园匹,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,205評論 2 382
  • 文/潘曉璐 我一進(jìn)店門劫灶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來裸违,“玉大人,你說我怎么就攤上這事本昏」┭矗” “怎么了?”我有些...
    開封第一講書人閱讀 152,370評論 0 342
  • 文/不壞的土叔 我叫張陵涌穆,是天一觀的道長怔昨。 經(jīng)常有香客問我,道長宿稀,這世上最難降的妖魔是什么趁舀? 我笑而不...
    開封第一講書人閱讀 55,168評論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮原叮,結(jié)果婚禮上赫编,老公的妹妹穿的比我還像新娘。我一直安慰自己奋隶,他們只是感情好擂送,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,153評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著唯欣,像睡著了一般嘹吨。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上境氢,一...
    開封第一講書人閱讀 48,954評論 1 283
  • 那天蟀拷,我揣著相機(jī)與錄音碰纬,去河邊找鬼。 笑死问芬,一個胖子當(dāng)著我的面吹牛悦析,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播此衅,決...
    沈念sama閱讀 38,271評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼强戴,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了挡鞍?” 一聲冷哼從身側(cè)響起骑歹,我...
    開封第一講書人閱讀 36,916評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎墨微,沒想到半個月后道媚,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,382評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡翘县,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,877評論 2 323
  • 正文 我和宋清朗相戀三年最域,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片锈麸。...
    茶點(diǎn)故事閱讀 37,989評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡羡宙,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出掐隐,到底是詐尸還是另有隱情,我是刑警寧澤钞馁,帶...
    沈念sama閱讀 33,624評論 4 322
  • 正文 年R本政府宣布虑省,位于F島的核電站,受9級特大地震影響僧凰,放射性物質(zhì)發(fā)生泄漏探颈。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,209評論 3 307
  • 文/蒙蒙 一训措、第九天 我趴在偏房一處隱蔽的房頂上張望伪节。 院中可真熱鬧,春花似錦绩鸣、人聲如沸怀大。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,199評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽化借。三九已至,卻和暖如春捡多,著一層夾襖步出監(jiān)牢的瞬間蓖康,已是汗流浹背铐炫。 一陣腳步聲響...
    開封第一講書人閱讀 31,418評論 1 260
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蒜焊,地道東北人倒信。 一個月前我還...
    沈念sama閱讀 45,401評論 2 352
  • 正文 我出身青樓,卻偏偏與公主長得像泳梆,于是被迫代替她去往敵國和親鳖悠。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,700評論 2 345

推薦閱讀更多精彩內(nèi)容