Sublime 的 Snippets 快捷片段
Sublime等編輯器等Snippets是個利器,輸入自定義的一個詞,按一下Tab,立刻調出來一大片段準備好的內容。尤其是HTML等Web程式設計,非常好用。
官網說明連結。
方法如下:
-
開啟Sublime選單Tool -> New Snippets. 最新Mac版的,是在Tool -> Developer -> New Snippets.
- 在彈出的XML格式文件中,找到<content>標籤下的<![CDATA[...]]>標籤中,把要生成的內容貼上進來,比如一段HTML程式碼。
- 解除下面的<tabTrigger>標籤註釋,在裡面寫一個
觸發鍵
,越簡單越好,比如hello。 - [可選] 設定生效範圍Scope。解除<scope>標籤註釋,填上目標檔案種類的生效範圍。這個不能隨便寫,需要對照這個連結找到html, js等分別對應的scope碼。或者更簡單的是在目標檔案裡按
Ctrl+Alt+P
,就會彈出該檔案的Scope碼,把它填進<scope>標籤即可。 - 儲存snippets檔案到Sublime的User資料夾中,檔案必須以
.sublime-snippet
結尾。而這個資料夾的位置,如果是Windows就直接在軟體資料夾裡找User
資料夾即可,Mac的話在/Users/使用者名稱/Library/Application Support/Sublime Text 3/Packages/User/
這裡。 - 儲存好以後,會及時生效,不用重啟軟體。
相關文章
- Sublime Text3—Code Snippets(自定義程式碼片段)
- sublime text 3 自制快速程式碼片段
- sublime快捷鍵總結
- Sublime Text裡的一些快捷操作
- Sublime Text 3 快捷鍵總結
- windows版 Sublime Text 2 快捷鍵Windows
- rubymine設定自定義快捷程式碼片段
- Sublime Text Ctags 安裝、使用、快捷鍵
- sublime text 多行程式碼註釋快捷鍵行程
- Sublime Text入門級教程:快捷鍵大合集~
- Mac 中 Sublime text3 設定 sublimeREPL 的快捷鍵Mac
- snippets for c code
- sublime Text 3實用功能和常用快捷鍵收集
- javascript tips and snippetsJavaScript
- Sublime Text 3 安裝外掛與快捷鍵總結
- Sublime Text3—設定快捷鍵開啟瀏覽器瀏覽器
- Sublime Text 使用介紹、全套快捷鍵及外掛推薦
- CSS/LESS tips and snippetsCSS
- sublime2/3自總結經常使用快捷鍵(2的居多)
- xcode Code Snippets Library的使用XCode
- VS Code 折騰記 - (6) 基本配置/快捷鍵定義/程式碼片段的錄入(snippet)
- Sublime Text3 常用快捷鍵動畫演示及優秀外掛分享動畫
- 【VSC】Snippets不完全指南
- oracle sqldeveloper下 自定義Snippets檔案的替換OracleSQLDeveloper
- 在Java中反轉字串的10種方法[Snippets]Java字串
- 精讀《react-snippets - Router 原始碼》React原始碼
- 收集的jQuery程式碼片段jQuery
- 程式碼片段
- Xcode-Snippets/Objective-C 學習XCodeObject
- Sublime 好看的主題
- Sublime的SVN外掛
- 18個常用的JavaScript片段分享JavaScript
- jsp的一些片段JS
- 使用DOS管道的程式碼片段
- RN程式碼片段
- 表格程式碼片段
- 常用程式碼片段
- sublime Mac版怎麼安裝? Mac下載安裝sublime的教程Mac