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

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

公司專注于為企業(yè)提供成都做網(wǎng)站、網(wǎng)站制作、微信公眾號開發(fā)、成都商城網(wǎng)站開發(fā),微信平臺小程序開發(fā),軟件定制網(wǎng)站制作等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。憑借多年豐富的經(jīng)驗,我們會仔細了解各客戶的需求而做出多方面的分析、設(shè)計、整合,為客戶設(shè)計出具風(fēng)格及創(chuàng)意性的商業(yè)解決方案,創(chuàng)新互聯(lián)建站更提供一系列網(wǎng)站制作和網(wǎng)站推廣的服務(wù)。

方法如下:

首先,打開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鍵,就可以自動補齊整個框架。

語法說明:

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

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

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

default name是默認值,可按下Tab不編輯直接跳過。

Global or Specific Snippets

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

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

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

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

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

當(dāng)前題目:vscode如何自定義用戶代碼片段
URL鏈接:http://muchs.cn/article6/gddiog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、標(biāo)簽優(yōu)化、微信公眾號、面包屑導(dǎo)航App開發(fā)、服務(wù)器托管

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司