第一步,找vue.json这个文件进行配置
打开vscode, 文件-首选项-用户代码片段,选择代码片段文件或创建代码片段,选择或新建vue.json
第二步
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div>",
" $0",
" </div>",
"</template>",
"",
"<script>",
"",
" export default {",
" name: '$TM_FILENAME_BASE',",
" props:{},",
" data () {",
" return {",
"",
" };",
" },",
"",
" components: {},",
"",
" computed: {},",
"",
" beforeMount() {},",
"",
" mounted() {},",
"",
" methods: {},",
"",
" watch: {}",
"",
" }",
"",
"</script>",
"<style scoped>",
"",
"</style>"
],
"description": "Log output to console"
}
}
---------里面模板组件的name:用的是个变量 $TM_FILENAME_BASE 这个是当前文件的文件名(去掉后缀名的)---------
其他需要配置的变量 详见下面的链接
Vscode-官方问题文档
第三步关闭vue.json
创建一个 [名字].vue文件
第四步,输入vue,敲回车
ok了