使用vscode時,如何在.vue文件中使用html代碼補全功能


一、在vscode中把這個插件下載了並且啟用,然后翻閱插件的ReadMe,我們可以看到如下圖得FAQ:

 

二、settings.json中配置files.associations對象

首先,依次打開“文件 --> 首選項 --> 設置”,就會看到settings.json文件了

然后在settings.json中找到“常用設置”里的files.associations對象

然后把鼠標滑到對象的左邊,會出現如圖所示的一個“編輯”的標志,點擊它,就會打開右邊編輯頁,如圖:

按照上圖的步驟去配置就可以了,然后再回到.vue的頁面,打出div,再按住tab鍵,就可以自動補全代碼了,這里只用寫最后一句話就可以了

可以看到也出現了代碼提示功能,你可以選擇一個自己想要的,也可以不選,直接按住tab鍵,就可以生成<p></p>了,如下圖:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM