VsCode常用設置有哪些

這篇文章主要講解了“VsCode常用設置有哪些”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“VsCode常用設置有哪些”吧！

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

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

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

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

好吧，解釋一下

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

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

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

是不是跟著敲好了？

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

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

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

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

那么我們?yōu)楹尾灰徊降轿?，直接?chuàng)建一個完整的vue文件模板呢？

接下來好心的我吧代碼貼出來，直接拿去用吧?。。?/p>

{
 "vue-template": {
 "prefix": "vue",
 "body": [
 "<template>",
 "   <div></div>",
 "</template>",
 "",
 "<script>",
 "export default {",
 " data() {",
 " return {};",
 " },",
 "",
 " components: {},",
 "",
 " computed:{},",
 "",
 " mounted () {},",
 "",
 " methods: {},",
 "}",
 "</script>",
 "",
 "<style scoped>",
 "",
 "</style>",
 ]
 }
}

最后輸入”vue”，就能直接出現這個代碼模板了

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

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

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

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

感謝各位的閱讀，以上就是“VsCode常用設置有哪些”的內容了，經過本文的學習后，相信大家對VsCode常用設置有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！