使用vs code 編寫.vue檔案實現html程式碼補全功能

weixin_34279579發表於2017-11-23

使用vs code 編寫.vue檔案實現html程式碼補全功能


一、HTML Snippets

在vs code中下載安裝 HTML Snippets 外掛,安裝完成後結果不是你想的那樣,vs code仍然不具備html程式碼補全的功能。

翻閱外掛的ReadMe,發現FAQ:

3781695-04c3b24551e0bc67.png

提示:需要在settings.json中配置files.associations的屬性

二、settings.json中配置files.associations物件

點選左下角  “設定” 就可以看到settings.json(使用者設定)檔案

在 “常用設定” 裡找到files.associations物件

3781695-f2c55deefa42ec6c.png

在 “使用者設定” 中編輯files.associations物件

3781695-ac6a32bc883a5341.png

完成以上步驟後,再回到.vue頁面,div+tab鍵就可以自動補全程式碼了

相關文章