Sublime 的 Snippets 快捷片段

weixin_34279579發表於2019-01-10

Sublime等編輯器等Snippets是個利器,輸入自定義的一個詞,按一下Tab,立刻調出來一大片段準備好的內容。尤其是HTML等Web程式設計,非常好用。

官網說明連結。
方法如下:

  1. 開啟Sublime選單Tool -> New Snippets. 最新Mac版的,是在Tool -> Developer -> New Snippets.


    image
  2. 在彈出的XML格式文件中,找到<content>標籤下的<![CDATA[...]]>標籤中,把要生成的內容貼上進來,比如一段HTML程式碼。
  3. 解除下面的<tabTrigger>標籤註釋,在裡面寫一個觸發鍵,越簡單越好,比如hello。
  4. [可選] 設定生效範圍Scope。解除<scope>標籤註釋,填上目標檔案種類的生效範圍。這個不能隨便寫,需要對照這個連結找到html, js等分別對應的scope碼。或者更簡單的是在目標檔案裡按Ctrl+Alt+P,就會彈出該檔案的Scope碼,把它填進<scope>標籤即可。
  5. 儲存snippets檔案到Sublime的User資料夾中,檔案必須以.sublime-snippet結尾。而這個資料夾的位置,如果是Windows就直接在軟體資料夾裡找User資料夾即可,Mac的話在/Users/使用者名稱/Library/Application Support/Sublime Text 3/Packages/User/這裡。
  6. 儲存好以後,會及時生效,不用重啟軟體。

相關文章