第一步：
第二步：
第三步：
打開vue.json檔案后，如果是初次設定，應該如下圖所示，綠色注釋部分不用管，注意那兩個白色大括號
第四步：在大括號內全部粘貼如下代碼，保存即可完成vue模板的設定
"Print to vue": { "prefix": "vue", "body": [ "<template>", " <div></div>", "</template>", "", "<script>", "export default {", " name: '',", " data () {", " return {}", " },", " created () {},", " // mounted () {},", " computed: {},", " watch: {},", " methods: {}", "}", "</script>", "", "<style lang=\"\" scoped>", "", "</style>", "" ], "description": "快速創建vue單檔案組件" }第五步：，每次創建完后綴為.vue的檔案后，就可以通過在檔案中輸入vue來觸發配置模板
第六步：效果圖如下
提醒：
這里需要先注釋掉mounted(){}生命周期方法，等使用時再打開注釋即可，一個里面什么也不定義的空mounted(){}在運行時會報錯
第七步：
特別說明：復制粘貼的代碼中一些屬性的作用
Print to vue：不用管它，沒什么用 prefix：觸發模板的指令，可自行設定 body：所配置的模板內容 description：對模板的描述，可自行設定 注意： 輸出敏感字符"，應該\"，加個反斜杠 輸出敏感字符$，應該\\$ 希望能幫到上進可愛的你，完，轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/127146.html
標籤：其他
下一篇：JS---元素隱藏的不同方式