使用vue開發(fā)項目，vue-devtools 是必須的，但限于Google 網(wǎng)絡的訪問受阻，我推薦大家使用以下方法來獲取 vue-devtools
安裝:
-
到github下載：
git clone https://github.com/vuejs/vue-devtools -
在vue-devtools目錄下安裝依賴包
cd vue-devtools npm install 修改vue-devtools > shells > chrome下的 manifest.json 文件"persistent":false 改為 true
-
編譯代碼
npm run build 擴展Chrome插件
Chrome瀏覽器 > 更多程序 > 拓展程序 右上側開啟開發(fā)者模式
左側點擊加載已解壓程序按鈕, 選擇 vue-devtools > shells > chrome 目錄
- vue-devtools使用
現(xiàn)在使用瀏覽器按快捷鍵 f12打開開發(fā)者工具， 就可以看到標簽欄多了一個vue標簽。
通過 vue-devtools 可以很方便的查看 vue 組件，路由，事件及 state 了！
