使用VScode的用戶代碼片段功能，來(lái)生成自己習(xí)慣的代碼模板，提升開發(fā)效率

1.選擇菜單里的 文件 > 首選項(xiàng) > 用戶代碼片段

2.選擇你需要自定義模板的文件，以vue為例

3. 配置對(duì)應(yīng)文件json

把代碼片段寫在json里。每個(gè)代碼段都是在一個(gè)代碼片段名稱下定義的，并且有prefix、body和description。prefix是用來(lái)觸發(fā)代碼片段的。使用 $1，$2 等指定光標(biāo)位置，這些數(shù)字指定了光標(biāo)跳轉(zhuǎn)的順序，$0表示最終光標(biāo)位置。

{ "vue-template": {  "prefix": "vue",  "body": [   "<template>",   " <div class=/"$1/">",   "",   " </div>",   "</template>",   "",   "<script>",   "export default {",   " name: '$1',",   " data() { ",   "  return {",   "",   "  }",   " }",   " }",   "</script>",   "",   "<style lang=/"/" scoped>",   " .$1{",   "",   " }",   "</style>"  ],  "description": "my vue template" }}

還有更復(fù)雜的用法…一般也用不到，我就不在這里寫了。

到此這篇關(guān)于在VScode中創(chuàng)建你的代碼模板的方法的文章就介紹到這了,更多相關(guān)VScode創(chuàng)建代碼模板內(nèi)容請(qǐng)搜索武林網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持武林網(wǎng)！