? ? ? ? 今天學習Vue看到別人創建代碼塊的時候一下子就完成了，才知道VS Code里也有和IDEA一樣的快捷生成代碼的功能，于是去設置了一下，以后省了不少時間，下面是操作：

首先打開VS Code左下角的設置，選擇里面的用戶代碼片段。

接著選擇vue.json或者新建全局代碼片段文件，名字為vue.json

打開后編輯你想要快捷生成的內容，格式與下面差不多，我這個由于剛剛學習，模板并不規范，需要的朋友可以去晚上搜索一下，模板比我這個完整很多。

"Print to console": {"prefix": "vue","body": ["new Vue({"," el:'#',"," data:{"," "," }","})",],"description": "Create vue template"}

需要的內容可以自己里面修改，從body后面添加，按照原來的格式在每一行加一個雙引號和，就可以了。由于我編寫的是vue的快捷代碼，所以快捷鍵就是vue回車。

效果如圖：

總結

以上是生活随笔為你收集整理的VS Code快捷生成用户代码片段操作，以vue为例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。