VSCode 在.vue文件中设置vue模板

在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"
}
}

 

上一篇:11_Go 自定义快捷代码块


下一篇:记录一个MyBatis中使用suffixOverrides处理动态sql语句失效的bug