sublime text 2

標籤：

在過去的幾年裡，Sublime Text 2 憑著在行業裡顯著的優勢脫穎而出，成為開發人員們廣泛應用於文本編輯的工具。背後的原因就是它具備閃電般的響應速度，可配置性和其他一系列殺手級的功能。

在這篇文章裡，我們會介紹一些提示和方法，來助你的開發工作一臂之力。

 

導航系統

我們知道在做任何非瑣碎項目時，尋找程式碼程式庫（codebase）都很重要。在Sublime Text 2裡，你可以用它的側邊欄來在穿梭於眾檔案夾中，但當檔案過多時也會使這個過程變得痛苦不堪。

不過幸虧有個叫Goto Anything的神特性。按住Cmd/Ctrl+P，就會出現一個自動完成列表。這個列表會展示出本項目裡的所有檔案，然後你可以隨心所欲地用Sublime Text 2的智能模糊比對來過濾你要的東西啦。

圖說明：用的Sublime Text 2威猛的命令選擇區來武裝你的手指吧

比如你有個檔案叫MyAwesomeThinger.js，那就只要在自動完成列表裡輸入MAT就可以不費吹灰之力就找到了。比如你還有個檔案叫MyAwesomeThinger.css，那你就把搜尋目標縮小為MATcss。智能模糊比對還可以讓你輕鬆地用“tesMAT”索引到tests目錄下的那個叫“MyAwesomeThinger.js”的檔案。

所以你的檔案基本上可以秒速找到。對了，忘了介紹下Goto Anything到底是個什麼東東。不要顧名思義，這可遠遠不止找檔案那麼簡單。比如你想從報錯資訊裡具體出錯行數瞬移到相應代碼位置，你只要在自動完成列表後追加一個<行數>就歐了。

例如到檔案的第123行，就輸入MAT:123。如果這個函數是你在跟蹤的，只要改為@<函數名>，比如[email protected]。為了縮小語境範圍到當前檔案，：和@也可以獨立使用。

 

命令選擇區

Sublime Text 2提供給文本編輯者眾多過目不忘的功能；但可能要花一定的腦力來記住所有命令的捷徑哦，而且在菜單中查詢確實也挺痛苦的。不過沒關係，命令選擇區裡的(Cmd/Ctrl + Shift+P)會協助你。就像Goto Anything一樣，命令選擇區也是一個支援智能模糊比對的自動完成列表，麻麻再也不用擔心我們找命令了。

忘了怎麼隱藏側邊欄了？只要在命令選擇區輸入sidebar，然後你就會看到一大波關於隱藏側欄的命令了。想要把程式碼摺疊功能起來？輸入fold即可。你會發現鍵盤快捷也都會在自動完成列表裡統統顯示出來，目的是為了幫你加強記憶。

 

多重選取功能

Sublime Text 2為我們做了很多大好事，最大的好事就是多重選取功能。攻城師們用的靜態語言（如Java）給文本編輯者帶來方便，特別是保留變數。多重選取功能甚至在編輯領域發揚閃亮之處，掌握複選功能會使攻城師從文本編輯中得到無以倫比的滿足感和成就感。

六種方法來初始化多重選取功能：

• 一，Add next/previous line 增加下一行／向後命令(在OS X下用Cmd+Ctrl+up/down、Linux/Windows下用Ctrl+Alt+up/down)
• 二，Cmd/Ctrl ＋ 點擊加入滑鼠游標
• 三，Split into lines | 將選區轉換成多個單行選區(Cmd/Ctrl+Shift+L)
• 四，Alt + 拖拽(OS X下)或者Shift＋右鍵拖拽(Linux/Windows下)
• 五，Quick Add Next | 快速添加下一個(Cmd/Ctrl+D)
• 六，Quick Find All | 快速尋找所有(OS X下Cmd+Ctrl+G，Linux/Windows下Alt+F3)

最後的那個用得最多，因為即使不用滑鼠也可以快速並容易控制所選內容。用這個功能，你還可以下次繼續調用當前所選內容。這讓變數更名變得易如反掌。

“快速添加下一個”命令不僅僅適用於變數，也可以用於符號哦。比如，你在調整格式的時候，就可以用選擇“){”在括弧和大括弧間插入空格了。同時為了更好更精密地控制格式，用“快速跳過下一個”命令(Cmd/Ctrl+K)來跳躍選擇，“撤銷選擇”(Cmd/Ctrl+U)則用來取消前一步操作。

圖說明：Sublime Text 2的Goto Anything功能讓你的項目如魚得水。

多重選取功能的閃光之處往往和你要做的事是分不開的。命令選擇區如同複製和粘貼般如你所願般容易上手。你可以快速地從舊代碼的基礎上建立新的。具體怎麼弄，讓我們看下下面或這個例子：

123456

<div id="animal" data-favourite-animal="dog">Dog</div><div id="colour" data-favourite-colour="blue">Blue</div><script>  var favouriteAnimal = document.getElementById(‘animal‘).dataset(‘‘);  var favouriteColour = document.getElementById(‘colour‘).dataset(‘‘);</script>

這個例子中，我們有兩個帶有資料屬性的div, 還有一些用於釋放資料值的JS代碼。剩下要做的是具化資料集的關鍵，在這個例子裡，則是favouriteAnimal和favouriteColour（資料屬性在JavaScript裡查看則自動為駝峰匹配的）。 繼續：

• 一，把滑鼠游標移到第一個div裡的favourite上
• 二，按一次Cmd/Ctrl+D來全選這個單詞，重複一次，也全選下面那行的“favorite”。
• 三，按住Cmd/Ctrl+Shift，同時點擊向右方向鍵幾下（不用選favourite-animal 和 favourite-colour)就可以在所選裡插入下個單詞。
• 四，拷貝所選
• 五，放幾個脫字元號（^）在資料集調用裡，就用Cmd/Ctrl+點擊，然後粘貼在資料屬性的div裡。

比如我們還有一段如下代碼：

1234	var favouriteAnimal = document.getElementById(‘animal‘).dataset(‘favourite-animal‘);var favouriteColour = document.getElementById(‘colour‘).dataset(‘favourite-colour‘);

非常簡單，我們只要將關鍵點轉化成駝峰：

• 一，只要選擇在“favourite” 和 “animal”之間的連字號號，然後按Cmd/Ctrl+D也選擇下面那個連字號號。
• 二，然後刪除這兩個連字號號。
• 三，按Cmd/Ctrl+Shift+right選擇下一個單詞的第一個字母，即選擇“animal”裡的“a”和“color”裡的“c”。
• 四，試手下命令選擇區(Cmd/Ctrl+Shift+P)，然後在上面輸入upper找到轉化城大寫字母功能。搞定！

 

1234	var favouriteAnimal = document.getElementById(‘animal‘).dataset(‘favouriteAnimal‘);var favouriteColour = document.getElementById(‘colour‘).dataset(‘favouriteColour‘);

這個例子在你做少量代碼時的威力可能不會太明顯，但給大項目節省了不少時間。多重選取功能尤其牛x閃閃，當你發現自己反覆在輸入同樣的東西時，停下來問下自己要不要試下這個功能，試後你會發現生活從此將會如此的不同。

圖說明：Sublime Text 2 的介面，顯示的是其預設文本色彩配置。

 

繼續探索

這篇文章涉及到了Sublime Text 2一些主要的新功能，當然區區不止這些。在還沒有嘗試過它的命令選擇區和複選功能前，你不會發現你所用的這個文字編輯器是如此棒！

sublime text 2