vue.js devtool工具總結

1.安裝

        1）谷歌浏覽器=>更多工具=>擴充程式=>chrome網上應用商店查找（需要翻牆）

擴充程式中，devtools詳情設定，解決浏覽器右上角出現了圖示，同時在vue的頁面下不能點亮，控制台上也沒有vue的頁簽。

        2 ）手動安裝

        去github克隆devtools的master分支GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications.

https://github.com/vuejs/devtools

        運作項目，npm install；npm run build

        添加至chrome遊覽器

        浏覽器輸入位址“chrome://extensions/”進入擴充程式頁面，點選“加載已解壓的擴充程式...”按鈕，選擇vue-devtools>shells下的chrome檔案夾。 /** *如果看不見“加載已解壓的擴充程式...”按鈕，則需要勾選“開發者模式”。