2015/11/17

sublime text 3 參數設定&快速鍵&好用套件

 紀錄Sublime的環境參數與設定


（1）刪除不必要的空白
打開Preferences > Settings - Default
CTRL + F搜尋trim_trailing_white_space_on_save，值改為true
這樣以後按下CTRL+S就能消除多餘空白了

（2）把游標（光標）加粗
Preferences > Settings - Default設定參數
移至最後面並且加上"wide_caret": true

（3）明顯顯示游標目前在哪一行
Preferences > Settings - Default設定參數
"highlight_line": true

（4）有編輯過且還沒儲存的文件檔案顯示為橘色
Preferences > Settings - Default設定參數
"highlight_modified_tabs": true

（5）每個檔案結尾最少會有一行空行
Preferences > Settings - Default設定參數
"trim_trailing_white_space_on_save": true

（6）設置Tab空格數為4，簡單說案一下Tab就是4個空格
Preferences > Settings - User
"tab_completion": true,
"tab_size": 4,
"theme": "Default.sublime-theme",
找到tab_size設為4

（7）空格轉為Tab
Preferences > Settings - User
"translate_tabs_to_spaces": true,
找到translate_tabs_to_spaces設為true

(8)關閉自動雙引號
Preferences > Settings - User
"auto_match_enabled": false

以下是快速鍵(MacOS)：⌘⌥⇧⌃
⌘+⇧+p 打開命令列表：可執行安裝套件的動作.....
⌃+` 打開 console：如安裝套件等的訊息會顯示在這...
⌘+n 開啟新檔案
⌘+w 關閉目前檔案
⌘+d 選取同樣字串或變數，並可同時編輯
⌘+/ 該行註解。多行註解也有效
⌘+滑鼠點擊 點擊地方可同時編輯
⌃+⇧+k 刪除目前這行 （★★★）
⌘+k+u 變成大寫
⌘+k+l 變成小寫
⌃+⇧+t 刪除每行後面的空格(為Trailing​Spaces安裝後的快速鍵)
⌘+⇧+h 格式化html(為HTMLPrettify套件的快速鍵)
⌘+⇧+c 直接選擇顏色(為Color​Picker套件的快速鍵)
⌘+⇧+空白鍵 Javascript程式碼提示&自動完成 (為SublimeCodeIntel套件快速鍵)
⌃+⇧+z 單引號轉雙引號，目前只能單個字串轉換(為Change​Quotes套件功能，自定義的快速鍵)
⌃+⇧+M 選取括號內的內容（★★★）
⌘+L 選取目前這行（★★★）
⇧+⌘+A 選取目前標籤(tag)內的內容   （★★★）
⌘+G 尋找下一個
⌘+G+⇧ 尋找上一個
⌘+⇧+space 選取這個範圍(scope)，已自訂為⌃+⌘+s（★★★）
如：
document.getElementById("gbiInputTextObject").value;
游標移到gbiInputTextObject中，會選取到"gbiInputTextObject"，也就是括號內的範圍


好用套件：
ConvertToUTF8（一定要裝）

Color Highlighter直接顯示顏色：
安裝完在上面選單列選Tool > Color Highlighter > Highlight Sytle > Filled
不知為啥mac重灌後這套件就怪怪的，發生了以下這個issue....
http://bit.ly/2rh0405
變成每次都要選一次，它才會顯示顏色...

BracketHighlighter
LiveReload 儲存後網頁自動同步更新
Trailing​Spaces顯示每行後面的空白，並幫助刪除
Color Picker直接挑選顏色
SublimeCodeIntel Javascript自動完成
SublimeLinter-jshint 檢查Javascript語法，幫你標錯誤
Sublime​Linter-csslint 檢查CSS語法，幫你標錯誤，參考資料：
於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)