1.設(shè)置.vue模板
打開編輯器，點擊文件 ―― 首選項 ―― 用戶代碼片段，會彈出來一個輸入框。
在輸入框輸入vue，回車，會打開一個vue.json文件。
在里面復(fù)制以下代碼：
{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div class=/"container/">/n", " </div>", "</template>/n", "<script>", "export default {", " data() {", " return {/n", " }", " },", " components: {/n", " }", "}", "</script>/n", "<style scoped lang=/"scss/">/n", "</style>", "$2" ], "description": "Log output to console" }}模板內(nèi)容可按自己的喜好自行修改。
然后新建一個.vue文件，輸入vue然后按tab鍵。
2.如果第一步?jīng)]有成功
如果第一步成功是最好的，萬一按tab鍵沒有成功生成模板，而是多了一個空格：
步驟一：點擊文件 ―― 首選項 ―― 設(shè)置，修改以下設(shè)置：
"emmet.syntaxProfiles": { "vue-html": "html", "vue": "html"},"emmet.triggerExpansionOnTab": true步驟二：點擊編輯器右下角笑臉左邊的文件類型，選擇配置文件關(guān)聯(lián)，輸入vue然后回車。右下角的文件類型就會從html變成vue。這時再用tab鍵就可以成功生成模板了~
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答
