類似Webstorm快捷鍵快速生成html或者Vue文件，Vscode也可以設定。

設定流程如下：

1.確認Vscode是否安裝Vetur外掛，如圖，顯示Disable和Uninstall即表示已安裝，無此狀，點選Install安裝即可。

2.確認Vuter已安裝，點選File>>>Preferences>>>User Snippets，

3.在開啟的搜尋框中輸入vue，選擇vue.json開啟。（注意，第一次安裝，vue.json不會顯示字尾，選擇唯一的vue選項即可）；

4.拷貝程式碼，如下：

"Print to console": {
        
 
"prefix": "vue",
        "body": [
            "<template>",
            "  <div>\n",
            "  </div>",
            "</template>\n",
            "<script>",
            "export default {",
            "  name: '',",
            "  data () {",
            "    return {
 
",
            "      msg: ''",
            "    }",
            "  },",
            "  methods: {\n",
            "  },",
            "  mounted () {\n",
            "  }",
            "}",
            "</script>\n",
            "<style scoped>\n",
            "</style>\n"
        ],
        
 
"description": "vue模板"
      }

5.貼上程式碼到vue.json中，儲存即可。

6.新建vue檔案，在首行輸入vue，即顯示多種選項，後面帶有Print to console並左側顯示vue檔案模板預覽視窗的，即為該選項，回車即可。