一、在vscode中把這個插件下載了並且啟用,然后翻閱插件的ReadMe,我們可以看到如下圖得FAQ:
二、settings.json中配置files.associations對象
首先,依次打開“文件 --> 首選項 --> 設置”,就會看到settings.json文件了
然后在settings.json中找到“常用設置”里的files.associations對象
然后把鼠標滑到對象的左邊,會出現如圖所示的一個“編輯”的標志,點擊它,就會打開右邊編輯頁,如圖:
按照上圖的步驟去配置就可以了,然后再回到.vue的頁面,打出div,再按住tab鍵,就可以自動補全代碼了,這里只用寫最后一句話就可以了
可以看到也出現了代碼提示功能,你可以選擇一個自己想要的,也可以不選,直接按住tab鍵,就可以生成<p></p>了,如下圖: