12個不可不知的Sublime Text應用技巧和訣竅

本文爲您提供Sublime Text編輯器的12個技巧和訣竅,深刻挖掘這個看似簡潔的代碼編輯器,背後所隱藏的實現各類高級功能的無限可能。css

1) 選擇

如下是一些Sublime Text選擇文本的快捷鍵:html

  • Command + D 選中一個單詞
  • Command + L 選中一行
  • Command + A 全選
    Ctrl + Command + M` 選中括號內全部內容 (編寫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:git

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

multi-line-selection

2) CSS排序

CSS屬性的順序通常不重要,由於不管何種順序瀏覽器都能正確渲染。但排序全部的屬性仍是有助於代碼的整潔。在Sublime Text中,選中CSS屬性後按F5就能夠按字母順序排序。github

sorting-css

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

3) 命令面板(Command Palette)

使用命令面板能夠快速完成多重任務。按Command + Shift + P調出面板,鍵入須要的命令便可。看如下的幾個示例:sublime-text

▼ 重命名文件
rename-file瀏覽器

▼ 設置文件爲HTML語法
syntax-htmlapp

▼ 插入代碼片斷
insert-snippetsublime-text-3

4) 切換標籤頁與工程

在同時打開多個標籤頁時,能夠用如下的熱鍵切換:編輯器

  • Command + T 列出全部的標籤頁
  • Command + Shift + ] 下一標籤頁
  • Command + Shift + [ 上一標籤頁
  • Command + Ctrl + P 切換側邊欄顯示的工程

5) 跨文件編輯

同一個編輯操做能夠在多個文件中同時重複。舉個例子,多個文件中有同一段代碼時,可用如下的步驟快速編輯:

  1. Command + Shift + FFind框中輸入待查找的代碼。可按Command + E快速使用選擇中的代碼段。
  2. Where框中指定須要查找的文件範圍,或填寫<open files>表示查找目前打開的文件。
  3. Replace框中輸入要替換成的代碼,按Replace按鈕批量替換。

find-search-fields

6) 文件爬蟲

Command + R能夠列出文檔中全部的CSS選擇器。能夠選擇並馬上跳轉查看。這個操做比使用通常的「查找」功能快得多。

file-crawling

7) 拼寫檢查

若是你常常使用Sublime Text從事英文創做,那麼啓用拼寫檢查就很是有用處了。選擇Preferences > Settings – User菜單,添加如下代碼:

"spell_check": true,

8) 加強側邊欄

SideBarEnhancements插件有效地改進了Sublime Text的側邊欄。安裝插件後在側邊欄上點擊右鍵,能夠找到一下新功能:在資源管理器中打開、新建文件、新建文件夾、以…打開、在瀏覽器中打開。

請輸入圖片描述

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

9) 更換主題

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

soda-theme

若是要安裝的主題並不在在線軟件倉庫中,也能夠手動安裝:

  1. 下載並解壓縮主題包
  2. 點擊菜單 Preferences > Browse Packages…
  3. 把主題文件夾複製到Packages文件夾中.
  4. 點擊菜單 Preferences > Settings – Users 並加入如下代碼:"theme": "Soda Light.sublime-theme"

10) 更換Sublime Text程序圖標

不只主題能夠更換,圖標也能夠。在Dribbble上有大量從新設計的Sublime Text精美圖標。更換方法:

  1. 下載一個圖標,有.icns格式的最好。若是沒有,用iConvert轉換之。
  2. 終端執行:open /Applications/Sublime\ Text.app/Contents/Resources/
  3. 替換Sublime Text 3.icnsSublime Text 2.icns文件。

sublime-text-icon

11) 同步選項

若是在多臺計算機上工做,同步選項設置應該是一個好主意。咱們借用Dropbox完成這一任務。

首先在終端中運行如下命令上傳設置文件:

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/"

而後在全部須要同步的計算機上運行如下命令下載設置:

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"

12) 可點擊的URL

使用小插件ClickableURLs可讓文件中的URL可以點擊。


原文:12 Most-Wanted Sublime Text Tips and Tricks 編譯:SegmentFault 責任:沙渺

相關文章
相關標籤/搜索