在使用VS Code進行vue開發(fā)的時候，我們可以充分現(xiàn)有的vue插件進行智能提示，可以提高開發(fā)效率，但是，在VS Code中新定義.vue文件時，生成的是空白的文件頁，我們需要手動創(chuàng)建模板非常繁瑣。
頁面輸入vue
解決方法
打開VS Code編輯器，依次選擇“文件 -> 首選項 -> 用戶代碼片段”，此時，會彈出一個搜索框，我們輸入vue，選擇vue.json

復制以下內(nèi)容

 {
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "<div>",
            "",
            "</div>",
            "</template>",
            "",
            "<script>",
            "export default {",
            "http://部件",
            " components: {",

            " },",
            "http://靜態(tài)",
            " props: {",

            " },",
            "http://對象內(nèi)部的屬性監(jiān)聽，也叫深度監(jiān)聽",
            " watch: {",

            " },",
            "http://屬性的結(jié)果會被緩存，除非依賴的響應式屬性變化才會重新計算。主要當作屬性來使用；",
            " computed: { ",

            " },",
            "http://方法表示一個具體的操作，主要書寫業(yè)務邏輯；",
            " methods: { ",

            " },",
            "http://請求數(shù)據(jù)",
            " created() {",

            "},",
            " mounted() {",

            "}",

            "}",
            "</script>",
            "",
            "<style scoped>",
            "",
            "</style>",
            "$2"
        ],
        "description": "Vue模板"
    }
}