vscode vue 檔案模板
阿新 • • 發佈:2018-12-14
1. 安裝VueHelper外掛
2. 尋找 vue.json
按順序點選vscode的:
- 檔案
- 首選項
- 使用者程式碼片段
- 接著搜尋框中輸入
vue
, 回車
3. 填寫模板內容
直接複製一下內容到 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. 測試
- 新建一個
vue
檔案 - 輸入
vue
之後,點選Tab
鍵 - Happy Coding!