在HTML文件中自定义vue模板的方法,可以参考:https://www.cnblogs.com/essayblog/p/15245213.html
在.vue文件中设置vue模板的方法:
路径:在Vscode中找到 文件-->首选项 -> 用户片段,在输入框内输入vue,并点击vue.json。
复制以下代码:
{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are: // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the // same ids are connected. // Example: // "Print to console": { // "prefix": "log", // "body": [ // "console.log('$1');", // "$2" // ], // "description": "Log output to console" // } "Print to console": { "prefix": "vue", "body": [ "<template>", " <div></div>", "</template>", "", "<script>", "export default {", " data () {", " return {", "", " };", " },", "", " components: {},", "", " computed: {},", "", " methods: {}", "}", "</script>", "<style lang='css' scoped>", "", "</style>" ], "description": "Log output to console" } }