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

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

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

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

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

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

效果如圖：

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。