2
VSCode添加vue3.2setup语法糖代码模板,用户片段,代码片段
1.打开用户片段
文件->首选项->用户片段->搜索vue
2.进入vue.json
点击进入vue.json(vue)
3.修改vue.json
{ "vue3模板": { "prefix": "vue", "description": "vue3.2模板", "body": [ "${BLOCK_COMMENT_START}", " * ${1:new page}", " * @author: ${2:zhou}", " * @since: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE}", " * ${TM_FILENAME}", "${BLOCK_COMMENT_END}", "<template>", " <div class=\"container\"></div>", "</template>", "", "<script setup></script>", "", "<style lang=\"scss\" scoped></style>", "" ] } }
4.测试
至此,已经完成了模板添加。打开一个刚创建的vue文件,输入vue,系统自动提示刚才创建的模板,直接Tab键或回车,完成。