vscode中自定义vue模板（name默认为文件名）

配置模板代码
vscode 选择： File（文件） -> preperences（首选项） -> User Snippets(用户代码片段)

输入vue选中vue.json
vue.json文件中复制下面的代码覆盖默认内容

{        
    "vue-template": {            
        "prefix": "vueTemp",            
        "body": [                
            "<template>",                
            "  <div>",                
            "",                
            " </div>",                
            "</template>",                
            "",                
            "<script>",                
            "export default {",                
            "  name: '$TM_FILENAME_BASE',",                
            "  data() { ",                
            "    return {",                
            "",                
            "    }",                
            "  },",                             
            "  components:{",               
             "  },",                   
            "  methods:{",       
            "",        
            "  },",
            "  mounted() {",               
            "",             
            "  },",            
            " }",        
            "</script>",      
             "",       
             "<style>",                               
            "</style>"               
        ],         
        "description": "my vue template"  
    }  
}

$TM_FILENAME_BASE 获取文件的名称。
新建一个’.vue’文件，输入vueTemp（即上面模板prefix定义的字段）

最终生成的默认代码如下：

原文链接：https://blog.csdn.net/weixin_43398820/article/details/109132443