配置模板代码
-
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定义的字段)
-
最终生成的默认代码如下: