Microsoft Edge 瀏覽器中 Vue.js devtools 插件安裝與使用

下載插件

1. 通過插件下載網站crx4chrome搜索下載，也可以直接百度“site:(www.crx4chrome.com) Vue.js Devtools”找到下載頁面下載
2. 或者通過Github上的vue-devtools源碼編譯，請自行搜索方法步驟
3. 或者加代理，從Google Chrome的瀏覽器插件商店下載

安裝插件

打開擴展頁面，開啟開發人員模式，拖拽放入插件文件

配置

設置Vue.js devtools，允許訪問文件URL，允許收集錯誤

使用Vue.js devtools

安裝好插件后，在瀏覽器的右上角就會有個灰色的Vue圖標，在使用了vue的頁面中，這個圖標就會變成激活狀態，變為彩色，打開F12，就可以看到Vue頁簽了

Vue禁用devtools

如果頁面使用了Vue，插件狀態也是激活狀態，但是打開F12沒有出現Vue頁簽，那是因為Vue配置中設定了禁用devtools，或者是生產版本默認禁用了