VSCode 快速生成vue代碼片段

插件庫中搜索Vetur，點擊安裝，安裝完成之后點擊重新加載，即可使用

 

mac的步驟如下，由於我安裝了轉中文插件，所以接下來會是中文的：
code -> 首選項 -> 用戶代碼片段 -> (新建代碼片段取名vue.json） 新建代碼片段這塊可以直接往下找就能找到vscode上帶的vue.json

{ "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", "<div></div>", "</template>", "", "<script>", "export default {", "data() {", "return {", "", "}", "},", "//生命周期 - 創建完成（訪問當前this實例）", "created() {", "", "},", "//生命周期 - 掛載完成（訪問DOM元素）", "mounted() {", "", "}", "}", "</script>", "<style scoped>", "/* @import url(); 引入css類 */", "$4", "</style>" ], "description": "Log output to console" } }

此處說明一下："prefix": "vue", 就是快捷鍵，（vue名稱可隨意修改）
新建vue文件，輸入vue 按鍵盤的tab件生成vue模版