在使用VS Code進(jìn)行vue開(kāi)發(fā)的時(shí)候喜德，我們可以充分現(xiàn)有的vue插件進(jìn)行智能提示饮醇，可以提高開(kāi)發(fā)效率，但是，在VS Code中新定義.vue文件時(shí)腔长，生成的是空白的文件頁(yè)，我們需要手動(dòng)創(chuàng)建模板非常繁瑣。
頁(yè)面輸入vue
解決方法
打開(kāi)VS Code編輯器肢础，依次選擇“文件 -> 首選項(xiàng) -> 用戶(hù)代碼片段”辽聊，此時(shí)烤蜕，會(huì)彈出一個(gè)搜索框，我們輸入vue庶橱，選擇vue.json
復(fù)制以下內(nèi)容
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
"<div>",
"",
"</div>",
"</template>",
"",
"<script>",
"export default {",
"http://部件",
" components: {",
" },",
"http://靜態(tài)",
" props: {",
" },",
"http://對(duì)象內(nèi)部的屬性監(jiān)聽(tīng)，也叫深度監(jiān)聽(tīng)",
" watch: {",
" },",
"http://屬性的結(jié)果會(huì)被緩存兔毙，除非依賴(lài)的響應(yīng)式屬性變化才會(huì)重新計(jì)算趾唱。主要當(dāng)作屬性來(lái)使用悠咱；",
" computed: { ",
" },",
"http://方法表示一個(gè)具體的操作析既，主要書(shū)寫(xiě)業(yè)務(wù)邏輯酸些；",
" methods: { ",
" },",
"http://請(qǐng)求數(shù)據(jù)",
" created() {",
"},",
" mounted() {",
"}",
"}",
"</script>",
"",
"<style scoped>",
"",
"</style>",
"$2"
],
"description": "Vue模板"
}
}
