vs-code中生成vue模板代码

为了节省时间，目标很明确。

方法：文件 --> 首选项 --> 用户代码片段   选择vue.json文件，将下列代码复制进去就ok了。

{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div>",
" $0",
" </div>",
"</template>",
"",
"<script>",
"",
" export default {",
" name:'',",
" props:[''],",
" data () {",
" return {",
"",
" };",
" },",
"",
" components: {},",
"",
" computed: {},",
"",
" mounted() {},",
"",
" methods: {},",
"",
" }",
"",
"</script>",
"<style lang='' scoped>",
"",
"</style>"
],
"description": "Log output to console"
}
}

 

注释：$0 表示你希望生成代码后光标的位置 ; prefix 表示生成对应预设代码的命令

（此处摘抄）