JZTXT

VSCode自建vue示例模板

发布时间 2023-04-07 09:19:13作者: 北褶tik

步骤

打开File->Preferences->Configure User Snippets

选择New Global Snippets file...

输入名字（自定义），填入以下内容，注意修改vue.js路径

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<script src='../js/vue.js'></script>",
			"<div id='app'>",
			"</div>",
			"<script>",
            "let app = new Vue({",
            "   el: '#app',",
            "        data: {",
            "           msg: 'Hello'",
            "        }",
            "    })",
			"</script>",
        ],
        "description": "vue"
    }
}

结果