1.首先點(diǎn)擊你的vscode左下角的齒輪設(shè)置按鈕,然后點(diǎn)擊配置用戶代碼片段。
?2.輸入vue搜索vue.json這個(gè)文件,然后點(diǎn)擊這個(gè)文件
3.接下來只需在原有的注釋之下輸入粘貼如下代碼即可
代碼如下:
"vue3": {
"prefix": "vue3",
"body": [
"<template>",
" <div class=\"\">",
"",
"",
"",
"",
" </div>",
"</template>",
"<script setup lang=\"ts\">",
"import {ref,reactive} from \"vue\"",
"",
"",
"",
"",
"</script>",
"<style lang=\"scss\" scoped>",
"",
"",
"",
"",
"</style>",
""
],
"description": "快速創(chuàng)建vue3模板"
}
?4.最后,你只需要在.vue文件中輸入vue3,一回車模版就出來了
文章來源:http://www.zghlxwxcb.cn/news/detail-706777.html
?趕快去嘗試吧!文章來源地址http://www.zghlxwxcb.cn/news/detail-706777.html
到了這里,關(guān)于3秒鐘教你如何配置vscode中的vue3代碼快速生成模版的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!