Sublime 3 外掛紀錄

目前我安裝的外掛如何
1.AutoFileName
輸入文字自動搜尋檔案名稱
https://packagecontrol.io/packages/AutoFileName

2.Emmet
只要輸入簡短地縮詞按Tab 就可以產生完整的Html代碼
https://packagecontrol.io/packages/Emmet

3.BracketHighlighter
引號高亮配置
https://packagecontrol.io/packages/BracketHighlighter

4.Css3
https://packagecontrol.io/packages/CSS3

5.DocBlockr
註解外掛 /** + tab 就產生完整註解
https://packagecontrol.io/packages/DocBlockr

6.HTML Nest Comments
在Hmtl我們會註解一些內容,此時被註解過的內容,會因為重複註解造成問題,
這外掛解決了這問題
https://packagecontrol.io/packages/HTML%20Nest%20Comments

7.Html5
添加Html5語法或模組代碼
https://packagecontrol.io/packages/HTML5

8.JavaScriptNext – ES6 Syntax
可以編寫ES6 的javaScript 語法
https://packagecontrol.io/packages/JavaScriptNext%20-%20ES6%20Syntax

9. jQuery
撰寫時,可以快速呼叫Jquery函數
https://packagecontrol.io/packages/jQuery

10.Sass
支援Sass語法撰寫
https://packagecontrol.io/packages/Sass

11.SassBeautify
Sass美化排版
https://packagecontrol.io/packages/SassBeautify

12.Scss
支援Scss語法撰寫
https://packagecontrol.io/packages/SCSS

13.SideBarEnhancements
側邊功能加強
https://packagecontrol.io/packages/SideBarEnhancements

14.TrailingSpaces
儲存時自動過濾空白內容,刪除
https://packagecontrol.io/packages/TrailingSpaces

其他 專為Vue 開發

15.Vue Syntax Highlight
撰寫vue 文件格式化
https://packagecontrol.io/packages/Vue%20Syntax%20Highlight

16.vuejs-sublime-complete
撰寫vue語法高亮
https://packagecontrol.io/packages/Vuejs%20Complete%20Package

17.Vuejs Snippets
https://packagecontrol.io/packages/Vuejs%20Snippets

外觀套件
18.Theme – Cyanide
喜歡高黑與檔案有Icon樣式
https://packagecontrol.io/packages/Theme%20-%20Cyanide

19.converttoutf8
轉編碼utf8 的編碼
https://packagecontrol.io/packages/ConvertToUTF8

以上是目前工作需要所安裝的外掛內容,根據每一個人需求不同,可另外自己安裝屬於自己的開發環境

Sublime Text 3常用快捷鍵

選擇類

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+Alt+↓或Ctrl+Alt+鼠標向下拖動 向下添加多行光標,可同時編輯多行。
多重選擇(Multi-Selection)
多重選擇功能允許在頁面中同時存在多個光標,讓很多本來需要正則表達式、高級搜索和替換才能完成的任務也變得遊刃有餘了。

激活多重選擇的方法有兩幾種:

按住 Ctrl 然後在頁面中希望中現光標的位置點擊。
選擇數行文本,然後按下 Shift + Ctrl + L。
通過反覆按下 Ctrl + D 即可將全文中與光標當前所在位置的詞相同的詞逐一加入選擇,而直接按下 Alt+F3即可一次性選擇所有相同的詞。
按下鼠標中鍵來進行垂直方向的縱列選擇,也可以進入多重編輯狀態。

編輯類

Ctrl+J 合併選中的多行代碼為一行。舉個栗子:將多行格式的CSS屬性合併為一行。
Ctrl+Shift+D 複製光標所在整行,插入到下一行。
Tab 向右縮進。只對光標後(或者選中的)的代碼有效
Shift+Tab 向左縮進。
Ctrl+[ 向左縮進。對整行有效
Ctrl+] 向右縮進。對整行有效
Ctrl+K+K 從光標處開始刪除代碼至行尾。按住Ctrl,按兩次K。
Ctrl+Shift+K 刪除整行。
Ctrl+/ 註釋單行。
Ctrl+Shift+/ 註釋多行。
Ctrl+K+U 轉換大寫。
Ctrl+K+L 轉換小寫。
Ctrl+Z 撤銷。
Ctrl+Y 恢復撤銷。
Ctrl+U 軟撤銷,感覺和 Gtrl+Z 一樣。
Ctrl+F2 設置書籤,F2切換書籤
Ctrl+T 左右字母互換。
F6 單詞檢測拼寫

搜索類

Ctrl+F 打開底部搜索框,查找關鍵字。
Ctrl+shift+F 在文件夾內查找,與普通編輯器不同的地方是sublime允許添加多個文件夾進行查找,略高端,未研究。
Ctrl+P 打開搜索框。舉個栗子:1、輸入當前項目中的文件名,快速搜索文件,2、輸入@和關鍵字,查找文件中函數名,3、輸入:和數字,跳轉到文件中該行代碼,4、輸入#和關鍵字,查找變量名。
Ctrl+G 打開搜索框,自動帶:,輸入數字跳轉到該行代碼。舉個栗子:在頁面代碼比較長的文件中快速定位。
Ctrl+R 打開搜索框,自動帶@,輸入關鍵字,查找文件中的函數名。舉個栗子:在函數較多的頁面快速查找某個函數。
Ctrl+: 打開搜索框,自動帶#,輸入關鍵字,查找文件中的變量名、屬性名等。
Esc 退出光標多行選擇,退出搜索框,命令框等。
Ctrl+Shift+P 打開命令框。場景栗子:打開命名框,輸入關鍵字,調用sublime text或插件的功能,例如使用package安裝插件。

顯示類

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 免打擾模式