首頁 > 開發工具 > VSCode > 主體

vscode如何自訂使用者程式碼片段

王林
發布: 2020-03-24 16:24:20
原創
3624 人瀏覽過

vscode如何自訂使用者程式碼片段

方法如下:

首先,開啟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,程式碼如下:

vscode如何自訂使用者程式碼片段

儲存,新建一個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,用於指定該規則適用於何種語言:

vscode如何自訂使用者程式碼片段

推薦教程:vscode教學

#

以上是vscode如何自訂使用者程式碼片段的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!