Sublime Text 3 相關

● 常用快捷鍵

  • 打開游標所在位置的檔案 → alt + d
  • 打開游標所在位置的參考文件 → shift + f2
  • 貼上後自動縮排,Edit -> Paste and Indent,Ctrl+Shift+V
  • 增加縮排,Edit -> Line -> Indent,Ctrl+]
  • 減少縮排,Edit -> Line -> Unindent,Ctrl+[
  • 依照目前位置調整縮排Edit -> Line -> Reindent
  • 把目前行和上一行對調,Edit -> Line -> Swap Line Up,Ctrl+Shift+Up
  • 把目前行和下一行對調,Edit -> Line -> Swap Line Down,Ctrl+Shift+Down
  • 複製目前行,Edit -> Line -> Duplicate Line,Ctrl+Shift+D
  • 刪除目前行,Edit -> Line -> Delete Line,Ctrl+Shift+K
  • 把下一行接上目前行,Edit -> Line -> Join Lines,Ctrl+J
  • 切換單行註解,Edit -> Comment -> Toggle Comment,Ctrl+/
  • 切換區塊註解,Edit -> Comment -> Toggle Block Comment,Ctrl+Shift+/
  • 在目前游標上面插入空白行,Edit -> Text -> Insert Line Before,Ctrl+Shift+Enter
  • 在目前游標下面插入空白行,Edit -> Text -> Insert Line After,Ctrl+Enter
  • 刪除目前游標後面的字,Edit -> Text -> Delete Word Forward,Ctrl+Delete
  • 刪除目前游標前面的字,Edit -> Text -> Delete Word Backward,Ctrl+Backspace
  • 整行刪除,Edit -> Text -> Delete Line,Ctrl+Shift+K
  • 從目前游標刪除到行尾,Edit -> Text -> Delete to End,Ctrl+K, Ctrl+K
  • 從目前游標刪除到行首,Edit -> Text -> Delete to Beginning,Ctrl+K, Ctrl+Backspace
  • 目前游標位置的前後字互換,Edit -> Text -> Transpose,Ctrl+T
  • 補上HTML結束標籤,Edit -> Tag -> Close Tag,Alt+.
  • 選取游標位置所在位置的HTML標籤的內容(不含標籤本身),Edit -> Tag -> Expand Selection to Tag,Ctrl+Shitf+A
  • 將選取區用標籤包起來,Edit -> Tag -> Wrap Selection With Tag,Alt+Shitf+W
  • 做記號,Edit -> Mark -> Set Mark,Ctrl+K, Ctrl+Space
  • 把目前游標位置到做記號那一行的範圍選取起來,Edit -> Mark -> Select To Mark,Ctrl+K, Ctrl+A
  • 把目前游標位置到做記號那一行的範圍刪除(不含做記號那一行),Edit -> Mark -> Delete To Mark,Ctrl+K, Ctrl+W
  • 把目前游標位置那一行和做記號那一行的游標位置和記號互換,Edit -> Mark -> Swap With Mark,Ctrl+K, Ctrl+X
  • 清除記號,Edit -> Mark -> Clear Mark,Ctrl+K, Ctrl+G
  • 在目前游標位插入2個換行,Edit -> Mark -> Yank,Ctrl+K, Ctrl+Y
  • 收合,Edit -> Code Folding -> Fold,Ctrl+Shift+[
  • 展開,Edit -> Code Folding -> Unfold,Ctrl+Shift+]
  • 全部展開,Edit -> Code Folding -> Unfold All,Ctrl+K, Ctrl+J
  • 全部收合,Edit -> Code Folding -> Fold All,Ctrl+K, Ctrl+1
  • 收合第2層以下,Edit -> Code Folding -> Fold Level 2,Ctrl+K, Ctrl+2
  • 收合第3層以下,Edit -> Code Folding -> Fold Level 3,Ctrl+K, Ctrl+3
  • 收合第4層以下,Edit -> Code Folding -> Fold Level 4,Ctrl+K, Ctrl+4
  • 收合第5層以下,Edit -> Code Folding -> Fold Level 5,Ctrl+K, Ctrl+5
  • 收合第6層以下,Edit -> Code Folding -> Fold Level 6,Ctrl+K, Ctrl+6
  • 收合第7層以下,Edit -> Code Folding -> Fold Level 7,Ctrl+K, Ctrl+7
  • 收合第8層以下,Edit -> Code Folding -> Fold Level 8,Ctrl+K, Ctrl+8
  • 收合第9層以下,Edit -> Code Folding -> Fold Level 9,Ctrl+K, Ctrl+9
  • 隱藏所有HTML標籤的屬性,Edit -> Code Folding -> Fold Tag Attributes,Ctrl+K, Ctrl+T
  • 把游標所在位置的字的第一個英文字母轉成大寫,Edit -> Convert Case -> Title Case,
  • 把游標所在位置的字或選取範圍的英文字母轉成大寫,Edit -> Convert Case -> Upper Case,Ctrl+K, Ctrl+U
  • 把游標所在位置的字或選取範圍的英文字母轉成小寫,Edit -> Convert Case -> Upper Case,Ctrl+K, Ctrl+L
  • 把換游標所在位置的字或選取範圍,大小寫互換Edit -> Convert Case -> Title Case,
  • 把選取區依照設定的尺規分行,Edit -> Wrap -> Wrap Paragraph at Ruler,Alt+Q
  • 把選取區依每行70個字元來分行,Edit -> Wrap -> Wrap Paragraph at 70 characters,
  • 把選取區依每行78個字元來分行,Edit -> Wrap -> Wrap Paragraph at 78 characters,
  • 把選取區依每行80個字元來分行,Edit -> Wrap -> Wrap Paragraph at 80 characters,
  • 把選取區依每行100個字元來分行,Edit -> Wrap -> Wrap Paragraph at 100 characters,
  • 把選取區依每行120個字元來分行,Edit -> Wrap -> Wrap Paragraph at 120 characters,
  • 自動完成Edit -> Show Completions,Ctrl+Space
  • 把每一行依照字母重新排序Edit -> Sort Lines,F9
  • 把每一行依照字母重新排序(區分大小寫)Edit -> Sort Lines,Ctrl+F9
  • 把每一行依相反順序重新排列Edit -> Permute Lines -> Reverse,
  • 去掉內容相同的行Edit -> Permute Lines -> Unique,
  • 把每一行重新亂數排列Edit -> Permute Lines -> Shuffle,
  • 把多重選取區的行依字母重新排序Edit -> Permute Selections -> Sort,
  • 把多重選取區的行依字母重新排序(區分大小寫)Edit -> Permute Selections -> Sort (Case Sensitive),
  • 把多重選取區的行依相反順序重新排列Edit -> Permute Selections -> Reverse,
  • 把多重選取區相同內容的行去掉Edit -> Permute Selections -> Unique,
  • 把多重選取區的行重新亂數排列Edit -> Permute Selections -> Shuffle,
  • 到頁籤下一個檔案,Goto -> Switch File -> Next File,Ctrl+Pagedown
  • 到頁籤上一個檔案,Goto -> Switch File -> Previous File,Ctrl+Pageup
  • 到下一個檔案(在堆疊中的順序),Goto -> Switch File -> Next File in Stack,Ctrl+Tab
  • 到上一個檔案(在堆疊中的順序),Goto -> Switch File -> Previous File in Stack,Ctrl+Shift+Tab
  • 直接到第n個頁籤的檔案,Goto -> Switch File,Alt+[n]

● Sublime Packages (Plug-in)

【Line Endings Unify】- 批次修改檔案的行結束字元

【Open Include】 – 開啟游標所在位置的檔案

【FTPSync】 – 存檔後自動上傳 ※ 中文路徑有問題

【SFTP】 – 存檔後自動上傳 ※ 16美元

<特定檔案不上傳>

要在 “ignore_regexes” 增加 “\.project”, “\.buildpath”, “\.setting”

【Find Function Definition】 – 找到定義的 function 或變數

在 Settings - User 要加上以下資料,才能找到 php 的變數定義
{
    "definitions":
    [
        "$$NAME$=",
        "$$NAME$[",
        "function $NAME$"
    ]
}

【Goto Documentation】 – 開啟 php 線上的 function 的說明

Preference – (Key Bindings – User)

{ “keys”: [“shift+f2”], “command”: “goto_documentation” }

【SublimeLinter】 – 語法檢查

  1. Microsoft Visual C++ 2010 可轉散發套件
  2. php5.zip
  3. Preference -> Package Settings -> SublimeLinter -> Setting – Defaults “sublimelinter_executable_map”: { “php”:”d:/php5/php” }
  4. php.ini 的 extension_dir = “d:/php5/ext/”

【Emmet】 – 以縮寫快速產生HTML

● https://github.com/sergeche/emmet-sublime#tab-key-handler

【ConvertToUTF8】 – 支援BIG5


● 顏色定義 Color Scheme

  • settings.background – 整體背景色
  • settings.selection – 選取區的背景色
  • settings.foreground – 前景色,例:行號 ※ 會混色
  • settings.lineHighlight – 游標所在行的底色,但僅限在行號部份
  • settings.caret – 游標顏色
  • settings.invisibles – ???
  • settings.findHighlight – 搜尋到的字串的底色
  • settings.findHighlightForeground – 搜尋到的字串的顏色
  • Text base.text.settings.background – HTML 區塊的背景色
  • Text base.text.settings.foreground – HTML 區塊的文字顏色
  • Source base.source.settings.background – PHP 區塊的背景色
  • Source base.source.settings.foreground – PHP 區塊的文字顏色(變數,PHP的區塊標記)
  • Comment.comment.settings.foreground – 註解的顏色
  • Comment.comment.settings.background – 註解的底色
  • Constant.constant.settings.foreground – 常數的顏色
  • Constant.constant.settings.background – 常數的底色
  • Keyword.keyword.settings.fontStyle – 關鍵字的字體樣式(斜體、底線)
  • Keyword.keyword.settings.foreground – 關鍵字的顏色 ※ 關鍵字像是 if,else,require,=
  • Pre-processor Line.meta.preprocessor.c.settings.fontStyle – ???
  • Pre-processor Line.meta.preprocessor.c.settings.foreground – ???
  • Pre-processor Directive.keyword.control.import.settings.fontStyle – ???
  • Function name.entity.name.function.settings.fontStyle – function 的名稱的字體樣式(斜體、底線)
  • Function name.entity.name.function.settings.foreground – function 的名稱的顏色
  • Function argument.variable.parameter.settings.fontStyle – ???
  • Block comment.source comment.block.settings.background – 區塊註解的底色
  • Block comment.source comment.block.settings.foreground – 區塊註解的字體顏色
  • String.string.settings.foreground – 字串的字體顏色
  • Number.constant.numeric.settings.foreground – 數字常數
  • User-defined constant.constant.character, constant.other.settings.foreground – 常數
  • String escapes.string constant.character.escape.settings – 像”\n”的字體顏色
  • String (executed).string.interpolated.settings.background – ???
  • String (executed).string.interpolated.settings.foreground – ???
  • Regular expression.string.regexp.settings.foreground – Regular expression
  • String (literal).string.literal.settings.foreground – ???
  • String escapes (executed).string.interpolated constant.character.escape.settings.foreground – ???
  • Type name.entity.name.type.settings.fontStyle – ???
  • Class inheritance.entity.other.inherited-class.settings.fontStyle – ???
  • Tag name.entity.name.tag.settings.fontStyle – HTML標記的字體樣式
  • Tag name.entity.name.tag.settings.foreground – HTML標記的字體顏色
  • Tag attribute.entity.other.attribute-name.settings.fontStyle – HTML標記屬性的字體樣式
  • Tag attribute.entity.other.attribute-name.settings.foreground – HTML標記屬性的的字體顏色
  • Library function.support.function.settings.fontStyle –
  • Support function.support.function.settings.fontStyle –
  • Support function.support.function.settings.foreground – php function(如:echo,isset,str_repeat)的字體顏色
  • Storage type.storage.type.settings.fontStyle – “function”
  • Storage type.storage.type.settings.foreground
  • Storage.storage.settings.fontStyle – function 中的 global,static
  • Storage.storage.settings.foreground
  • Built-in constant.constant.language.settings.foreground – 常數,如:true,false
  • Variable.variable.settings.fontStyle – 變數
  • Variable.variable.settings.foreground
  • Library class/type.support.type, support.class.settings.fontStyle – Class Name,如:new PHPMailer, javascript 的 window,document
  • Library class/type.support.type, support.class.settings.foreground

● 設定

存檔時自動去掉行尾多餘的空白(trailing white space)
Preference -> Settings -> User(or Default)- “trim_trailing_white_space_on_save”: true

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *