目標

• 在vscode中輸入vbs-vue 然后產生一個自己想要的模板
  

寫好模板

• 在線上寫好模板
• 傳送門: https://snippet-generator.app/

• 1是標題,對應
  
• 2是前綴.對應在vue中使用的快捷鍵 vbs-vue
• 3就是需要顯示的代碼段了

在vscode中配置

• 1.ctrl+shift+p
• 2.選擇 Preferences: Configure User Snippets
  
• 3.選擇語言 vue.json
  
• 4.將剛才線上準備好的代碼斷復制如json文件
  
• 5.保存后,重啟vscode即可

注:

$1是模板生成后,鼠標光標的位置.

總結

以上是生活随笔為你收集整理的配置 --- vscode自定义代码段Snippets的全部內容，希望文章能夠幫你解決所遇到的問題。

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