1. 程式人生 > 實用技巧 >vscode快速生成vue元件模板程式碼

vscode快速生成vue元件模板程式碼

1、檔案-->首選項-->使用者片段-->搜尋vue-->點選vue.json

2、複製以下程式碼

{ "Printtoconsole":{ "prefix":"vue", "body":[ "<!--$1-->", "<template>", "<divclass='page'>" "", "</div>", "</template>", "", "<script>", "exportdefault{", "data(){", "return{", "", "};", "},", "mounted(){", "", "},", "methods:{", "", "},", "}", "</script>", "<stylescoped>", "", "</style>" ], "description":"Logoutputtoconsole" } } 3、上面程式碼中的 “prefix”: “vue”, 就是快捷鍵;儲存程式碼,新建vue結尾的檔案,在空頁面中輸入vue,點選回車即可