VSCode編寫vue時HTML代碼補全

今天在vscode練習的時候發現寫html代碼不會自動補全> </>等。所以又找了個插件

一.在VS Code的擴展中下載HTML Snippets

 

 

 

 二.然后settings.json中配置files.associations

（1）進入設置：通過 文件 - - >首選項 - - >設置 進入

（2）選擇用戶，然后點擊右上角的{}進入settings.json文件中，往下找

 

 

 

 （3）在settings.json中添加如下代碼

//HTML Snippets代碼補全
  "files.associations": {
    "*.vue": "html"
  },

這樣在.vue文件中就可以自動補全HTML代碼了。

 

 

 

參考文章：

淺安時光い  https://blog.csdn.net/weixin_42546688/article/details/97138984