打开vscode,选择设置-用户代码片段,在框中输入vue,选中第一个vue,进入文件就可以设置了。
prefix是设置快捷键的名,可以任意设置,这里设置的vue,新建一个文件输入vue,按tab键就会输出这里配置好的文件结构。
{
"Print to console": {
"prefix": "vue",
"body": [
"<!--",
"/**",
" * @name '${TM_FILENAME_BASE}'",
" * @desc '$2'",
" * @author ''",
" * @time $CURRENT_YEAR年$CURRENT_MONTH月$CURRENT_DATE日 $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND $CURRENT_DAY_NAME",
" */",
"-->",
"<template>",
" <div></div>",
"</template>",
"",
"<script>",
"export default {",
" name: '${TM_FILENAME_BASE}',",
" components: {},",
" mixins:[],",
" props: {},",
" data () {",
" return {",
" }",
" },",
" computed: {},",
" watch: {},",
" created () {},",
" mounted () {},",
" destroyed () {},",
" methods: {},",
"}",
"",
"</script>",
"<style lang='less' scoped>",
"</style>",
""
],
"description": "Log output to console"
}
}
有一些变量是全大写的,参考以下文章
https://www.jianshu.com/p/75a9a6ea96cf