使用VsCode寫ts版的vue時，設置快捷編輯

1.

2.

輸入 vue 點擊第一項

3.

vue.json中輸入代碼

{
"Vue Template":{
"prefix":"vueTemplate",
"body":[
"<template>\n\t<div>\n\n\t</div>\n</template>\n\n",
"<script lang=\"ts\">\nimport{Component,Vue}from 'vue-property-decorator';\n\n@Component\nexport default class ${1:ClassName} extends Vue{\n$0\n}\n</script>\n\n",
"<style lang=\"scss\" scope>\n\n</style>"
],
"description":"生成vue文件"
}
}

 

4.

在vue文件中輸入

vtem就可以提示快捷語法