溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

vscode如何自定義用戶代碼片段

發(fā)布時間:2020-12-18 11:01:15 來源:億速云 閱讀:306 作者:小新 欄目:軟件技術(shù)

小編給大家分享一下vscode如何自定義用戶代碼片段,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

方法如下:

首先,打開VS code,“文件-首選項-用戶代碼片段”(file-preference-User Snippets),在下拉列表中選擇html文件,此時在VS code的應(yīng)用數(shù)據(jù)文件夾內(nèi)自動新建了一個名為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.)

我們定義一個html框架,命名為html template,代碼如下:

vscode如何自定義用戶代碼片段

保存,新建一個html文件,輸入html template,按下Tab鍵,就可以自動補(bǔ)齊整個框架。

語法說明:

在body中,使用轉(zhuǎn)義字符\來書寫制表符Tab、雙引號"等內(nèi)容;

使用${num: default name}來定義輸入位置,按下Tab鍵來遞進(jìn)光標(biāo)到下一個;

num的值為0,1,2,3...。0為光標(biāo)的最終位置,1,2,3...決定了光標(biāo)的順序位置;

default name是默認(rèn)值,可按下Tab不編輯直接跳過。

Global or Specific Snippets

代碼片段分為兩種:全局和特定,這意味著我們可以定義適用于多種文件類型的代碼片段,也可以定義僅僅針對于一種文件類型的代碼片段。

全局代碼片段的文件后綴名為.code-snippets,在用戶代碼片段下拉列表中,最上方有一個“新建全局代碼片段文件”。

全局代碼片段的語法規(guī)則和特定代碼片段的語法規(guī)則一致,唯一區(qū)別在于其增加了一個字段scope,用于指定該規(guī)則適用于何種語言:

vscode如何自定義用戶代碼片段

以上是“vscode如何自定義用戶代碼片段”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI