本文主要介紹 vue的調試工具 vue-devtools 的安裝和使用 工欲善其事, 必先利其器, 快快一起來用vue-devtools來調試開發你的vue項目吧 安裝: 1.到github下載： 2.在vue-devtools目錄下安裝依賴包 1 2 cd vue-devtools cnpm in ...
本文主要介紹 vue的調試工具 vue-devtools 的安裝和使用
工欲善其事, 必先利其器, 快快一起來用vue-devtools來調試開發你的vue項目吧
安裝:
1.到github下載：
git clone https://github.com/vuejs/vue-devtools
2.在vue-devtools目錄下安裝依賴包
| 1 2 |
cd vue-devtools
cnpm install
|
3.修改manifest.json文件
把"persistent":false改成true
4.編譯代碼
npm run build
5.擴展Chrome插件
Chrome瀏覽器 > 更多程式 > 拓展程式
點擊載入已解壓程式按鈕, 選擇 vue-devtools > shells > chrome 放入, 安裝成功如下圖
6. vue-devtools使用
vue項目, 打開f12, 選擇vue就可以使用了.
vue是數據驅動的, 這樣就能看到對應數據了, 方便我們進行調試
怎麼樣, 是不是感覺工作效率提高了呢
