VsCode常用設置(新手必備!)

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

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

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

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

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

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

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

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

　　這里的prefix是你在編輯器里輸入的內容，就好像創建html文件的時候，輸入的英文感嘆號

　　body就是你回車以后出現的內容

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

　　是不是跟著敲好了?

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

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

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

　　太棒了，我們已經知道了如何創建一個小的片段

　　那么我們為何不一步到位，直接創建一個完整的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”，就能直接出現這個代碼模板了

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

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

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

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