很多同學(xué)會(huì)有疑問(wèn)，為什么我看到很多大牛的視頻里面敲代碼的時(shí)候，輸入一個(gè)template，就會(huì)出現(xiàn)一大塊代碼。

　　為什么我輸入一個(gè)template，只有這一個(gè)單詞，啥也沒(méi)出來(lái)

　　閑話不多說(shuō)，我們就來(lái)聊一聊如何--懶省事(在VsCode里面設(shè)置自定義的模板)

　　點(diǎn)擊加入前端千人大群交流學(xué)習(xí),更多課程視頻-源碼軟件安裝包免費(fèi)贈(zèng)送~

　　首先：我們要找到這個(gè)模板設(shè)置的入口

　　在文件 - > 首選項(xiàng) - > 用戶代碼片段

　　選中以后，會(huì)出現(xiàn)下面這個(gè)輸入框，假如你想設(shè)置.vue文件的模板，可以新建一個(gè)vue.json全局代碼片段文件，輸入vue.json然后回車。

　　好了，接下來(lái)你可以把那些沒(méi)必要的注釋刪掉，只需要在這個(gè)json文件里面輸入以下內(nèi)容

　　這里的prefix是你在編輯器里輸入的內(nèi)容，就好像創(chuàng)建html文件的時(shí)候，輸入的英文感嘆號(hào)

　　body就是你回車以后出現(xiàn)的內(nèi)容

　　注意，這里的body是一個(gè)數(shù)組，每一行的內(nèi)容都是數(shù)組里的每一項(xiàng)，并且需要用引號(hào)引起來(lái)。

　　是不是跟著敲好了?

　　接下來(lái)，保存之后，就可以回到我們的.vue文件里面嘗試一下

　　當(dāng)然如果你覺(jué)得這還不夠，我們依舊可以在那個(gè)json文件里面繼續(xù)輸入

　　接下來(lái)你就可以輸入”js”，就能出現(xiàn)下面body里面的代碼。

　　太棒了，我們已經(jīng)知道了如何創(chuàng)建一個(gè)小的片段

　　那么我們?yōu)楹尾灰徊降轿唬苯觿?chuàng)建一個(gè)完整的vue文件模板呢?

　　接下來(lái)好心的我吧代碼貼出來(lái)，直接拿去用吧!!!

{

"vue-template": {

"prefix": "vue",

"body": [

"<template>",

"   <div></div>",

"</template>",

"",

"<script>",

"export default {",

"data() {",

"return {};",

"},",

"",

"components: {},",

"",

"computed:{},",

"",

"mounted () {},",

"",

"methods: {},",

"}",

"</script>",

"",

"<style scoped lang='scss'>",

"",

"</style>",

]

}

}

　　最后輸入”vue”，就能直接出現(xiàn)這個(gè)代碼模板了

　　這個(gè)功能不只是可以設(shè)置模板，我們還能把偷懶發(fā)揮到極致——

　　比方說(shuō)：你在寫(xiě)標(biāo)簽的時(shí)候，一些新增的語(yǔ)義化標(biāo)簽的代碼提示并不完整，嘿嘿嘿......推到

　　比方說(shuō)：記不住，可以去html的模板里給他設(shè)置成”fi”，嘿嘿嘿.....繼續(xù)推到 

　　比方說(shuō)：我們常用的方法console.log() ，就改成`log`吧，嘿嘿嘿......統(tǒng)統(tǒng)推到