[轉]-Sublime Text 3最好的功能、外掛和設定

以下內容轉載或引用或參考

http://www.css88.com/archives/5858

小編推薦：掘金是一個高質量的技術社群，從 ECMAScript 6 到 Vue.js，效能優化到開源類庫，讓你不錯過前端開發的每一個技術乾貨。各大應用市場搜尋「掘金」即可下載APP，技術乾貨盡在掌握..

翻譯自：Best of Sublime Text 3: Features, Plugins, and Settings

Sublime Text 3 是一個了不起的軟體。首先，它是一個乾淨，實用，可以快速的編寫程式碼編輯器。它不僅具有令人難以置信的內建功能（多行編輯和VIM模式），而且還支援外掛，程式碼片段和其他許多東西。

我知道，網上已經有許多關於 Sublime Text 3 的文章，這事好事情。在這篇文章中，我們將看到 Sublime Text 3 的最好的部分，您可能已經聽說過其中的一些，但也許其他一些人還不知道。

Features（功能）

Command Palette （命令面板） `ctrl + shift + p`

命令面板可以使你訪問設定選單中可以所有的東西，呼叫包命令，更改檔案的語法，處理Sublime專案，等等。舉例來說，你可以在命令面板中Git命令新增，分支，提交和推送。
使用：ctrl + shift + p

File Switching （檔案切換） `ctrl + p`

Sublime Text提供了一個非常快速的方式來開啟新的檔案。只要按下Ctrl+ P並開始輸入你想要開啟的檔案的名稱。一旦找到檔案，只需按enter鍵，就可以開始直接輸入到該檔案了！
使用：ctrl + p

Goto Symbols （跳轉標記） `ctrl + r`

當你編輯一個大檔案時，檔案中有一堆方法，按Ctrl + R將其全部列出來，使他們更容易找到。開始嘗試的輸入你想要的，然後按Enter 就可以快速跳轉這個方法了。
使用方法

：按Ctrl+ R

Sublime Text 3 有一個新功能（Goto Definition 轉到定義）。它提供了 Sublime Text 更多功能，使其更接近於一個IDE。如果你有興趣，可以自己去學習一下。

Multi-Edit（多行編輯） `ctrl + click`

在我看來這絕對是Sublime Text最好的功能。使用它之後，就很難再回到其他文字編輯器。（愚人碼頭注：其實很多編輯器，IDE現在都有這功能了，比如：WebStorm）
有許多不同的方式使用多行編輯：

ctrl + d: 選中游標所佔的文字，繼續操作則會選中下一個相同的文字。（愚人碼頭注：多按幾下試試）
ctrl + click: 單擊想要編輯的每一個地方，都將建立一個游標
ctrl + shift + f 和 alt + enter: 在你的檔案查詢一個文字，然後將其全部選中

以下叔整理的:

ctrl+l 選中整行，繼續操作則繼續選擇下一行，效果和 shift+↓ 效果一樣。
ctrl+shift+l 先選中多行，再按下快捷鍵，會在每行行尾插入游標，即可同時編輯這些行。
ctrl+alt+↑ 或 ctrl+alt+滑鼠向上拖動向上新增多行游標，可同時編輯多行。
ctrl+alt+↓ 或 ctrl+alt+滑鼠向下拖動向下新增多行游標，可同時編輯多行。
shift+↑ 向上選中多行。
shift+↓ 向下選中多行。

Snippets（程式碼片段）

程式碼片段是Sublime Text的另一大特點。您可以使用預裝的，也可以自己建立，或安裝具有程式碼片段的包。你所要做的就是輸入一個定義了程式碼片段的文字，它會擴充套件到你的程式碼段。
例如，鍵入lorem將產生lorem存有文字。
使用: 輸入一個定義了程式碼片段的文字（例如lorem），然後按tab鍵。

這裡有一篇關於建立程式碼片段的非常棒的文章，http://www.hongkiat.com/blog/sublime-code-snippets/

Keyboard Shortcuts （快捷鍵）

Sublime Text的快捷鍵的數量是驚人的。我覺得這是Sublime Text另一個好的功能。如果太多了，你可以將自己常用的快捷鍵從主鍵（ home keys ）移到了自己的快捷鍵列表中（my keyboard）。
對於Sublime Text鍵盤快捷鍵的完整列表，看看我們的鍵盤快捷鍵文章。https://scotch.io/bar-talk/sublime-text-keyboard-shortcuts

Projects（專案）

在Sublime Text中，專案是工作流程中不可或缺的一部分。一個專案僅僅是一個 Sublime工作空間，專案中的資料夾都是開放的，並顯示在側邊欄中。這是很有幫助的，因為你可以定義一個專案，並新增資料夾到專案中，並能夠迅速地在資料夾之間切換。
使用專案，你只需要去Windows資源管理器或Finder中找到你想要的專案，並將其拖到Sublime Text，就可以了。
儲存一個專案：進入命令面板，輸入儲存專案。

切換專案：ctrl + alt + p

Packages/Plugins（包/外掛）

Package Control（包控制）

Package Control（包控制）是 Sublime Text 絕對必要的包管理工具。

Package Control 包控制安裝

簡單的控制檯安裝方法：

最簡單的安裝方法是通過 Sublime Text 控制檯。控制檯可以通過 ctrl +` 快捷方式或 View > Show Console 選單來開啟/關閉。開啟後，將適用於你 Sublime Text 版本的 Python 程式碼貼上到控制檯中。

CommandLine 程式碼:

/*Sublime Text 3 包控制安裝程式碼*/
import urllib.request,os,hashlib; h = ‘df21e130d211cfc94d9b0905775a7c0f’ + ‘1e3d39e33b79698005270310898eea76’; pf = ‘Package Control.sublime-package’; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( ‘http://packagecontrol.io/’ + pf.replace(’ ‘, ‘%20’)).read(); dh = hashlib.sha256(by).hexdigest(); print(‘Error validating download (got %s instead of %s), please try manual install’ % (dh, h)) if dh != h else open(os.path.join( ipp, pf), ‘wb’ ).write(by)
/*Sublime Text 2 包控制安裝程式碼*/
import urllib2,os,hashlib; h = ‘df21e130d211cfc94d9b0905775a7c0f’ + ‘1e3d39e33b79698005270310898eea76’; pf = ‘Package Control.sublime-package’; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( ‘http://packagecontrol.io/’ + pf.replace(’ ‘, ‘%20’)).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), ‘wb’ ).write(by) if dh == h else None; print(‘Error validating download (got %s instead of %s), please try manual install’ % (dh, h) if dh != h else ‘Please restart Sublime Text to finish installation’)

手動安裝方法：

如果由於某些原因，控制檯安裝說明對您無效（例如：網路代理等），那麼你可以執行以下步驟來手動安裝包控制：

點選 `Preferences > Browse Packages…` 選單
瀏覽資料夾，然後進入 `Installed Packages/` 資料夾
下載 Package Control.sublime-package 並且拷貝到剛才開啟的 `Installed Packages/` 資料夾中
重啟 Sublime Text

包控制安裝具體可以檢視：https://packagecontrol.io/installation

通過Package Control 包控制安裝外掛

Package Control（包控制）是安裝下面列出的所有外掛和主題的最佳方式。繼續，在包控制中安裝外掛。通過 Package Control（包控制）安裝外掛和主題很簡單：

使用方法：進入命令面板（ctrl + shift+ p），然後鍵入 install。

包控制將載入所有可用於安裝的包。看看你可以查詢並安裝自己喜歡的包..

Alignment （程式碼對齊）

一個非常簡單和易於使用的外掛,使你的程式碼組織和美觀。當您重溫程式碼時候非常有用。
使用方法：選中要調整的行，然後按 Ctrl+ Alt + A

BracketHighlighter

該外掛提供行數列高亮的各種配對的語法符號。（愚人碼頭注：就是將配對的括號等顯示在行數列上）

Colorpicker

使用一個取色器改變顏色
使用方法: ctrl + shift + c

注：該外掛在Mac上使用時非常漂亮

Emmet

Emmet絕對的節省時間。您可以輕鬆快速地編寫HTML。

使用方法: ctrl + alt + enter ,並且開始輸入Emmet風格的HTML

看看我們的Emmet指南，以瞭解更多，並自己嘗試Emmet。

DocBlockr

一個真正簡單的方式來輕鬆地建立許多語言包括JavaScript，PHP和CoffeeScript的文件塊。只要在函式的上面輸入/**，按Tab就可以了。DocBlockr會觀察函式需要的變數名和型別，並建立文件塊。

Git

Git幫助你與你的Git repo協議進行互動。它支援很多命令像init, push, pull, branch, stash,等的。瞭解更多關於你在Sublime Text裡面究竟能使用哪些Git功能，以提高您的工作流程。https://scotch.io/tutorials/using-git-inside-of-sublime-text-to-improve-workflow

GitGutter

這是一個小巧有用的外掛，它會告訴你自上次git commit以來已經改變的行。一個指示器顯示在行號的旁邊。

Gist

這個外掛可以讓你拉你的Gists，並把它們插入到你的檔案。當你有一個Gists，以啟動一個HTML檔案或任何其他可重用的程式碼時候，這是有用的。
使用方法：開啟命令面板，並且鍵入gist。您也可以使用所顯示的快捷方式。

SidebarEnhancements

在側邊欄的檔案上右擊時，這個外掛提供了大量更多的選擇。開啟，查詢，複製和貼上，等等。

這裡是老選單和SidebarEnhanced選單的比較。

Themes （主題）

Sublime Text可以安裝主題，有一些主題真的很酷。您可以使用包控制找到這些。
使用包控制安裝一個主題，然後更新您的使用者設定使用它。

js 程式碼:

// User/Preferences.sublime-settings
{
“theme”: “Soda Light.sublime-theme”
}

注意：您可能必須重新啟動Sublime Text，這些更改才會生效。

一些流行的主題：
THEME – SODA 包括 LIGHT 和 DARK

THEME – FLATLAND

PREDAWN

Flatland的一個分支。repo

SPACEGRAY
“一個Hyperminimal UI主題”。這裡有更多的相關資料。

更多面板：

更多優秀主體, 請檢視2014年的最佳Sublime Text的主題。

Color Schemes (配色方案)

除了改變你的主題，你也可以改變你的配色方案。這不同於主題，因為主題是Sublime Text的包。配色方案僅僅是配色方案檔案，並更改您的設定。

更改配色方案：選單，Preferences首選項>Color Scheme配色方案，並選擇一個。

你會馬上看到變化，可以檢查你是不是喜歡。對於一些大的顏色方案的列表，請訪問Dayle Rees的 colour schemes（配色方案） repo或 color sublime，一項偉大的工程。

Settings（設定）

Sublime自帶了大量的設定。我建議你去看看它所提供的所有設定。

為了讓您進入使用者設定，使用命令面板並且鍵入user。

這裡是我當前的設定，大部分是屬性不需要解釋了吧。為自己挑選好的部分並作為自己的自定義設定！

js 程式碼:

// User/Preferences.sublime-settings
{
“bold_folder_labels”: true,
“color_scheme”: “Packages/Theme - Flatland/Flatland Monokai.tmTheme”,
“font_face”: “Ubuntu Mono”,
“font_options”: “subpixel_antialias”,
“font_size”: 14,
“highlight_line”: true,
“highlight_modified_tabs”: true,
“ignored_packages”:
[
],
“line_padding_bottom”: 1,
“line_padding_top”: 1,
“rulers”:
[
80
],
“scroll_past_end”: true,
“tab_size”: 4,
“tab_completion”: false,
“theme”: “Soda Light.sublime-theme”,
“translate_tabs_to_spaces”: true,
“trim_trailing_white_space_on_save”: true,
“vintage_start_in_command_mode”: true,
“word_wrap”: true
}

我在Sublime中用的是最佳模式。它提供了 vi 編輯命令代替Sublime Text。它不是原vi包的全功能，但它是我目前見過最接近 vi編輯器的文字編輯器。使用你的鍵盤快捷鍵和命令包就可以非常快速的開發。

上面的設定會在你開啟一個檔案時自動開啟Vintage模式（叔注：Vintage是Sublime Text的vi模式編輯包。可以使用組合vi命令來呼叫Sublime Text的功能，包括多重選擇。）。
如果你不喜歡這個功能，只是刪除vintage_start_in_command_mode就可以了，如果你想完全禁用Vintage模式，那麼刪除ignored_packages設定。

Conclusion（結論）

我敢肯定，還有很多Sublime的優秀部分我錯過或者遺漏了。你過你發現了任何其他非常棒的包或者外掛、功能，歡迎留言告訴我，讓我知道，大家一起快樂地編碼！

Sublime Text 相關優秀的文章

以下內容轉載或引用或參考

http://www.css88.com/archives/5858

翻譯自：Best of Sublime Text 3: Features, Plugins, and Settings

Features（功能）