效果如下:
<template>
<div class="wrapper"></div>
</template>
<script>
/*
*@Author: 作者名
*@Date: 2021-06-18 16:23:05
*@Description: 模块描述
*/
export default {
name: '',
data () {
return {
}
},
created () {},
mounted () {},
methods: {},
}
</script>
<style lang="scss">
</style>
配置如下:
{
"Print to vue temaplate": {
"prefix": "vue-n",
"body": [
"<template>",
" <div class=\"wrapper\"></div>",
"</template>",
"",
"<script>",
"/*",
" *@Author: 作者名",
" *@Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
" *@Description: 模块描述",
"*/",
"export default {",
" name: '$0',",
" data () {",
" return {",
"",
" }",
" },",
" created () {},",
" mounted () {},",
" methods: {},",
"}",
"</script>",
"",
"<style lang=\"scss\">",
"",
"</style>\r"
],
"description": "快速生成vue模板"
}
}