選擇之后會(huì)跳轉(zhuǎn)到設(shè)置snippets然后將下面代碼粘貼過(guò)去:
{
"React-Native Class": {
"scope": "javascript,typescript",
"prefix": "yyj",
"body": [
"/**",
"* @ className:$TM_FILENAME_BASE",
"* @ tips:$TM_FILENAME_BASE",
"* @ author:Jack Yu",
"* @ email:1061202693@qq.com",
"* @ data: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE",
"*/",
"export default class $TM_FILENAME_BASE extends Laya.Script {",
"",
"\t/** @prop {name:xx,tips:\"提示文本\",type:Node, default:null}*/",
"\tpublic xx: Laya.Text;",
"",
"\tconstructor() {",
"\t\tsuper();",
"\t\t///** @prop {name:xx, tips:\"提示文本\", type:Node, default:null}*/",
"\t\t//this.xx=null;",
"\t}",
"",
"\tonAwake() {",
"\t}",
"}"
],
"description": "快速創(chuàng)建一個(gè)Laya模板類"
}
}
以上字段定義解釋如下:
React-Native Class 字段:給模板取的名稱(這個(gè)可根據(jù)自己喜歡取名)
scope(固定字段):文件創(chuàng)建屬性乙濒,比如javascript,typescript吹散,可不寫芜赌,但不能亂寫
prefix(固定字段):智能提示選項(xiàng)卡作儿,比如你取名yyj豆茫,當(dāng)你創(chuàng)建一個(gè)文件后,輸入yyj后就會(huì)出現(xiàn)智能選項(xiàng)卡
body (固定字段):字符串?dāng)?shù)組溉愁,放置代碼片段,一句代碼占用一個(gè)元素(縮進(jìn)使用"\t"饲趋,盡量不要使用空格)
description(固定字段):這個(gè)模板的描述拐揭,智能提示卡上可顯示
語(yǔ)法解釋:
$1,$2,$3...$0:制表位,表示代碼片段創(chuàng)建好后光標(biāo)顯示的位置奕塑,$1表示光標(biāo)初始位置堂污,$2表示用戶按下鍵盤上的Tab鍵光標(biāo)移動(dòng)的下一個(gè)位置,依次類推龄砰,$3表示再次按下Tab鍵的下一個(gè)位置盟猖,數(shù)字表示Tab按下幾下顯示的位置,$0表示光標(biāo)結(jié)束的位置
(預(yù)占制表位可嵌套使用换棚,比如${1:another ${2:placeholder}})
${1|one,two,three|}:占位符有選擇的值式镐,當(dāng)用戶Tab選中是顯示可選的值,用戶給出的值中選擇固蚤。語(yǔ)法:在| |(雙豎線)內(nèi)寫預(yù)選參數(shù)娘汞,多個(gè)參數(shù)用“,”隔開夕玩,根據(jù)需要你弦,數(shù)字1也是可變的
$name 或 ${name:default}:插入可變的值,當(dāng)一個(gè)變量不設(shè)置,默認(rèn)或空字符串插入燎孟,當(dāng)一個(gè)變量是未知的(即它的名字不是下面定義的變量)變量的名稱禽作,那插入之后將轉(zhuǎn)換成占位符
可以使用的基本變量:
TM_SELECTED_TEXT 當(dāng)前選中的文本或空字符串
TM_CURRENT_LINE 當(dāng)前行中的內(nèi)容(即你哪行輸入模板,即顯示當(dāng)行)
TM_CURRENT_WORD 詞的內(nèi)容根據(jù)光標(biāo)或空字符串
TM_LINE_INDEX 基于zero-index的行號(hào)(即你在哪行創(chuàng)建的快速模板的行號(hào) 減1)
TM_LINE_NUMBER 基于一個(gè)索引的行號(hào)(即你在哪行創(chuàng)建的快速模板的行號(hào))
TM_FILENAME 當(dāng)前文檔的文件名
TM_FILENAME_BASE 當(dāng)前文檔的文件名(不包括擴(kuò)展)
TM_DIRECTORY 當(dāng)前文檔的目錄
TM_FILEPATH 當(dāng)前文檔的完整的文件路徑
CLIPBOARD 剪貼板的內(nèi)容
可插入的日期和時(shí)間變量:
CURRENT_YEAR 當(dāng)前日期的年(example '2019')
CURRENT_YEAR_SHORT 當(dāng)前年的后兩位(example '19')
CURRENT_MONTH 當(dāng)前月兩位表示法 (example '02')
CURRENT_MONTH_NAME 當(dāng)前月全稱 (example 'March')
CURRENT_MONTH_NAME_SHORT 當(dāng)前月簡(jiǎn)稱 (example 'Mar')
CURRENT_DATE 當(dāng)天兩位表示法 (example '06')
CURRENT_DAY_NAME 星期 (example 'Monday')
CURRENT_DAY_NAME_SHORT 星期簡(jiǎn)稱 (example 'Mon')
CURRENT_HOUR 24小時(shí)制揩页,小時(shí)
CURRENT_MINUTE 分
CURRENT_SECOND 秒
可插入的塊語(yǔ)法:
BLOCK_COMMENT_START 例如在PHP中輸出/*或者HTML中輸出<!--
BLOCK_COMMENT_END 例如在PHP中輸出*/或者HTML中輸出 -->
LINE_COMMENT 例如在PHP中輸出//或者HTML中輸出<!-- -->
更加詳細(xì)的內(nèi)容有興趣可以看Visual Studio Code 官方文檔
文章借鑒:https://juejin.im/post/5c887bb5f265da2dba0262b0