vscode - 配置快捷生成vue模板的代码片段
效果如下:
步骤如下:
步骤1:file–preferences–configure user snippets
中文版:文件--首选项--用户片段
步骤2:
选择new global snippets file…
中文版
步骤3:
在输入框输入vue后按回车
步骤4:
在文件vue.code-snippets中全选内容删除,然后复制如下代码,并保存:
{
"vue-template": {
"prefix": "vue",
"body": [
"<template>",
" <div>$2</div>",
"</template>",
"",
"<script>",
"export default {",
" name: '$3',",
" components: {},",
" props: {},",
" data () {",
" return {",
" }",
" },",
" computed: {},",
" watch: {},",
" created () {},",
" mounted () {},",
" methods: {}",
"}",
"</script>",
"",
"<style scoped lang=\"scss\"></style>",
""
],
"description": "my vue template"
}
}