vscode vue 文件模板的配置方法

1. 安裝VueHelper插件

2. 尋找 vue.json

按順序點(diǎn)擊vscode的：

3. 填寫模板內(nèi)容

直接復(fù)制一下內(nèi)容到 vue.json

{
 "Print to console": {
 "prefix": "vue",
 "body": [
 "<template>",
 " <div>\n",
 " </div>",
 "</template>\n",
 "<script>",
 " export default {",
 " name: '',",
 " data () {",
 " return {\n",
 " }",
 " },",
 " components: {\n",
 " }",
 " }",
 "</script>\n",
 "<style scoped>\n",
 " ",
 "</style>",
 "$2"
 ],
 "description": "Log output to console"
 }
}

4. 重啟vscode

5. 測(cè)試

總結(jié)

以上所述是小編給大家介紹的vscode vue 文件模板的配置方法,希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com