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

　　為什么我輸入一個template，只有這一個單詞，啥也沒出來

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

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

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

　　在文件 - > 首選項 - > 用戶代碼片段

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

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

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

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

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

　　是不是跟著敲好了?

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

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

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

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

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

　　接下來好心的我吧代碼貼出來，直接拿去用吧!!!

{

"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)這個代碼模板了

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

　　比方說：你在寫標簽的時候，一些新增的語義化標簽的代碼提示并不完整，嘿嘿嘿......推到

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

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