Sublime Text工具使用

安裝Sublime Text 3

官網下載下傳

選擇對應的版本安裝。完事後，要安裝一個基礎的、必備的包管理：Package Control，用來以後安裝插件用的。

安裝指導 https://sublime.wbond.net/installation

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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)
           

打開ST3，點選菜單 View -> Show Console，會在底部出現一個指令輸入框，然後将上面的指令拷貝到輸入框中，回車，等待，安裝成功。

插件安裝

經過上面安裝了Package Control後，我們就可以通過快捷鍵 Ctrl+Shift+P 打開 Package Control 來安裝插件了。在打開的輸入框中輸入 install ，會根據你的輸入自動提示，選擇 Install Package。

我們要安裝支援非UTF8編碼的一個插件，隻需要在輸入框中輸入 convert，自動比對後，選擇 ConvertToUTF8 插件，回車，等待，安裝完畢，這樣，ST就支援顯示如 GBK 等編碼的内容了。

我以為必裝的插件：

1. ConvertToUTF8

   支援 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等編碼的插件

2. Bracket Highlighter

   用于比對括号，引号和 html 标簽。對于很長的代碼很有用。安裝好之後，不需要設定插件會自動生效

3. DocBlockr

   DocBlockr 可以自動生成 PHPDoc 風格的注釋。它支援的語言有 Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++

4. Emmet(Zen Coding)

   快速生成HTML代碼段的插件，強大到無與倫比，不知道的請自行 google

5. SideBar Enhancements

   這個插件改進了側邊欄，增加了許多功能，如按F12調用浏覽器檢視頁面

6. Themr

   主題管理，切換主題的時候，不用自己修改配置檔案了，用這個可以友善的切換主題

7. JsFormat

   格式化 js 代碼

8. Goto-CSS-Declaration

   安裝後按快捷鍵 win 鍵 +Alt+. 跳轉到 css 檔案該 class 的聲明處，友善修改檢視，注意對應的css檔案要同時打開才行.

9. Prettify Code

   格式化 Html/CSS/JavaScript，一鍵讓代碼變整齊。

10. Sublime?Linter

    自動提示補齊代碼，支援 JavaScript、Python、PHP 等等常用語言。

檢視如何更新、解除安裝 sublime text 插件

去 Sublime Text官網插件區

檢視更多 Sublime Text 插件

主要快捷鍵清單

掌握基本的代碼編輯器的快捷鍵，能讓你打碼更有效率。剛開始可能有些生疏，隻要花一兩個星期堅持使用并熟悉這些常用的快捷鍵，今後就能解放滑鼠了，省心省力又省時，何樂而不為呢。

以下是個人總結不完全的快捷鍵總彙，祝願各位順利解放自己的滑鼠。

選擇類

Ctrl+D

選中光标所占的文本，繼續操作則會選中下一個相同的文本。

Alt+F3

選中文本按下快捷鍵，即可一次性選擇全部的相同文本進行同時編輯。舉個栗子：快速選中并更改所有相同的變量名、函數名等。

Ctrl+L

選中整行，繼續操作則繼續選擇下一行，效果和 Shift+↓ 效果一樣。

Ctrl+Shift+L

先選中多行，再按下快捷鍵，會在每行行尾插入光标，即可同時編輯這些行。

Ctrl+Shift+M

選擇括号内的内容（繼續選擇父括号）。舉個栗子：快速選中删除函數中的代碼，重寫函數體代碼或重寫括号内裡的内容。

Ctrl+M

光标移動至括号内結束或開始的位置。

Ctrl+Enter

在下一行插入新行。舉個栗子：即使光标不在行尾，也能快速向下插入一行。

Ctrl+Shift+Enter

在上一行插入新行。舉個栗子：即使光标不在行首，也能快速向上插入一行。

Ctrl+Shift+[

選中代碼，按下快捷鍵，折疊代碼。

Ctrl+Shift+]

選中代碼，按下快捷鍵，展開代碼。

Ctrl+K+0

展開所有折疊代碼。

Ctrl+←

向左機關性地移動光标，快速移動光标。

Ctrl+→

向右機關性地移動光标，快速移動光标。

shift+↑

向上選中多行。

shift+↓

向下選中多行。

Shift+←

向左選中文本.

Shift+→

向右選中文本。

Ctrl+Shift+←

向左機關性地選中文本。

Ctrl+Shift+→

向右機關性地選中文本。

Ctrl+Shift+↑

将光标所在行和上一行代碼互換（将光标所在行插入到上一行之前）。

Ctrl+Shift+↓

将光标所在行和下一行代碼互換（将光标所在行插入到下一行之後）。

Ctrl+Alt+↑

向上添加多行光标，可同時編輯多行。

Ctrl+Alt+↓

向下添加多行光标，可同時編輯多行。

編輯類

Ctrl+J

合并選中的多行代碼為一行。舉個栗子：将多行格式的 CSS 屬性合并為一行。

Ctrl+Shift+D

複制光标所在整行，插入到下一行。

Tab

向右縮進。

Shift+Tab

向左縮進。

Ctrl+K+K

從光标處開始删除代碼至行尾。

Ctrl+Shift+K

删除整行。

Ctrl+/

注釋單行。

Ctrl+Shift+/

注釋多行。

Ctrl+K+U

轉換大寫。

Ctrl+K+L

轉換小寫。

Ctrl+Z

撤銷。

Ctrl+Y

恢複撤銷。

Ctrl+U

自動讀取圖檔寬高。

Ctrl+F2

設定書簽

Ctrl+T

左右字母互換。

F6

單詞檢測拼寫。

搜尋類

Ctrl+F

打開底部搜尋框，查找關鍵字。

Ctrl+shift+F

在檔案夾内查找，與普通編輯器不同的地方是sublime允許添加多個檔案夾進行查找，略高端，未研究。

Ctrl+P

打開搜尋框。舉個栗子：1、輸入目前項目中的檔案名，快速搜尋檔案，2、輸入@和關鍵字，查找檔案中函數名，3、輸入：和數字，跳轉到檔案中該行代碼，4、輸入#和關鍵字，查找變量名。

Ctrl+G

打開搜尋框，自動帶：，輸入數字跳轉到該行代碼。舉個栗子：在頁面代碼比較長的檔案中快速定位。

Ctrl+R

打開搜尋框，自動帶@，輸入關鍵字，查找檔案中的函數名。舉個栗子：在函數較多的頁面快速查找某個函數。

Ctrl+：

打開搜尋框，自動帶#，輸入關鍵字，查找檔案中的變量名、屬性名等。

Ctrl+Shift+P

打開指令框。場景栗子：打開命名框，輸入關鍵字，調用sublime text或插件的功能，例如使用package安裝插件。

Esc

退出光标多行選擇，退出搜尋框，指令框等。

顯示類

Ctrl+Tab

按檔案浏覽過的順序，切換目前視窗的标簽頁。

Ctrl+PageDown

向左切換目前視窗的标簽頁。

Ctrl+PageUp

向右切換目前視窗的标簽頁。

Alt+Shift+1

視窗分屏，恢複預設1屏（非小鍵盤的數字）

Alt+Shift+2

左右分屏-2列

Alt+Shift+3

左右分屏-3列

Alt+Shift+4

左右分屏-4列

Alt+Shift+5

等分4屏

Alt+Shift+8

垂直分屏-2屏

Alt+Shift+9

垂直分屏-3屏

Ctrl+K+B

開啟/關閉側邊欄。

F11

全屏模式

Shift+F11

免打擾模式

參考

前端神器Sublime Text下載下傳、使用教程、插件推薦說明、全套快捷鍵

知識在于點滴積累