12個不可不知的Sublime Text應(yīng)用技巧和訣竅

了然聽雨 2015-04-30

展開全文

目錄結(jié)構(gòu)

本文為您提供Sublime Text編輯器的12個技巧和訣竅，深入挖掘這個看似簡潔的代碼編輯器，背后所隱藏的實現(xiàn)各種高級功能的無限可能。

1) 選擇

以下是一些Sublime Text選擇文本的快捷鍵：

Command + D 選中一個單詞
Command + L 選中一行
Command + A 全選
Ctrl + Command + M` 選中括號內(nèi)所有內(nèi)容 (編寫CSS或JS時非常實用)

Sublime Text還支持一次選中多行的操作：Furthermore, Sublime Text brings lets us select multiple lines at once, which can significantly boost your productivity. There are several ways to perform this feature:

Command 按住Command鍵再點擊想選中的行
Command + Ctrl + G (選中部分文本時) 按此鍵選中所有相同文本
Command + D (選中部分文本時) 直接選中下一次出現(xiàn)的該文本

multi-line-selection

2) CSS排序

CSS屬性的順序一般不重要，因為無論何種順序瀏覽器都能正確渲染。但排序所有的屬性還是有助于代碼的整潔。在Sublime Text中，選中CSS屬性后按F5就可以按字母順序排序。

sorting-css

也可以使用 CSSComb 等第三方插件，更詳細的控制排序的方法。

3) 命令面板（Command Palette）

使用命令面板可以快速完成多重任務(wù)。按Command + Shift + P調(diào)出面板，鍵入需要的命令即可?？匆韵碌膸讉€示例：

▼ 重命名文件
rename-file

▼ 設(shè)置文件為HTML語法
syntax-html

▼ 插入代碼片段
insert-snippet

4) 切換標簽頁與工程

在同時打開多個標簽頁時，可以用以下的熱鍵切換：

Command + T 列出所有的標簽頁
Command + Shift + ] 下一標簽頁
Command + Shift + [ 上一標簽頁
Command + Ctrl + P 切換側(cè)邊欄顯示的工程

5) 跨文件編輯

同一個編輯操作可以在多個文件中同時重復(fù)。舉個例子，多個文件中有同一段代碼時，可用以下的步驟快速編輯：

按Command + Shift + F在Find框中輸入待查找的代碼?？砂?code>Command + E快速使用選擇中的代碼段。
在Where框中指定需要查找的文件范圍，或填寫<open files>表示查找目前打開的文件。
在Replace框中輸入要替換成的代碼，按Replace按鈕批量替換。

find-search-fields

6) 文件爬蟲

按Command + R可以列出文檔中所有的CSS選擇器?？梢赃x擇并立刻跳轉(zhuǎn)查看。這個操作比使用一般的“查找”功能快得多。

file-crawling

7) 拼寫檢查

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

"spell_check": true,

8) 增強側(cè)邊欄

SideBarEnhancements插件有效地改進了Sublime Text的側(cè)邊欄。安裝插件后在側(cè)邊欄上點擊右鍵，可以找到一下新功能：在資源管理器中打開、新建文件、新建文件夾、以…打開、在瀏覽器中打開。

請輸入圖片描述

注：在瀏覽器中打開的熱鍵是F12。

9) 更換主題

Sublime Text的外觀主題可以更換。Soda Theme就是一個不錯的主題，可以在包管理器中安裝。

soda-theme

如果要安裝的主題并不在在線軟件倉庫中，也可以手動安裝：

下載并解壓縮主題包
點擊菜單 Preferences > Browse Packages…
把主題文件夾復(fù)制到Packages文件夾中.
點擊菜單 Preferences > Settings – Users 并加入以下代碼："theme": "Soda Light.sublime-theme"

10) 更換Sublime Text程序圖標

不僅主題可以更換，圖標也可以。在Dribbble上有大量重新設(shè)計的Sublime Text精美圖標。更換方法：

下載一個圖標，有.icns格式的最好。如果沒有，用iConvert轉(zhuǎn)換之。
終端執(zhí)行：open /Applications/Sublime\ Text.app/Contents/Resources/
替換Sublime Text 3.icns或Sublime Text 2.icns文件。

sublime-text-icon

11) 同步選項

如果在多臺計算機上工作，同步選項設(shè)置應(yīng)該是一個好主意。我們借用Dropbox完成這一任務(wù)。

首先在終端中運行以下命令上傳設(shè)置文件：

mkdir $HOME/Dropbox/sublime-text-3/  
mv "$HOME/Library/Application Support/Sublime Text 3/Packages" "$HOME/Dropbox/sublime-text-3/"  
mv "$HOME/Library/Application Support/Sublime Text 3/Installed Packages" "$HOME/Dropbox/sublime-text-3/"

然后在所有需要同步的計算機上運行以下命令下載設(shè)置：

DSTPATH="$HOME/Library/Application Support/Sublime Text 3"  
DROPBOX_PATH="$HOME/Dropbox/sublime-text-3"  
rm -rf "$DSTPATH/Installed Packages"  
rm -rf "$DSTPATH/Packages"  
mkdir -p "$DSTPATH"  
ln -s "$DROPBOX_PATH/Packages" "$DSTPATH/Packages"  
ln -s "$DROPBOX_PATH/Installed Packages" "$DSTPATH/Installed Packages"