方法如下:
首先,打開VS code,“文件-首選項-用戶代碼片段”(file-preference-User Snippets),在下拉列表中選擇html文件,此時在VS code的應用數據文件夾內自動新建了一個名為html.json的文件,我們在這個json文件中定義我們的代碼片段。
我們需要首先定義snippet name,在snippet name中,prefix和body是必不可少的兩個字段(The prefix is what is used to trigger the snippet and the body will be expanded and inserted.)
(學習視頻推薦:java視頻教程)
我們定義一個html框架,命名為html template,代碼如下:
保存,新建一個html文件,輸入html template,按下Tab鍵,就可以自動補齊整個框架。
語法說明:
在body中,使用轉義字符來書寫制表符Tab、雙引號”等內容;
使用${num: default name}來定義輸入位置,按下Tab鍵來遞進光標到下一個;
num的值為0,1,2,3…。0為光標的最終位置,1,2,3…決定了光標的順序位置;
default name是默認值,可按下Tab不編輯直接跳過。
Global or Specific Snippets
代碼片段分為兩種:全局和特定,這意味著我們可以定義適用于多種文件類型的代碼片段,也可以定義僅僅針對于一種文件類型的代碼片段。
全局代碼片段的文件后綴名為.code-snippets,在用戶代碼片段下拉列表中,最上方有一個“新建全局代碼片段文件”。
全局代碼片段的語法規則和特定代碼片段的語法規則一致,唯一區別在于其增加了一個字段scope,用于指定該規則適用于何種語言:
推薦教程:java視頻教程