https://www.jb51.net/article/150335.htmvue
本文主要介紹 vue的調試工具 vue-devtools 的安裝和使用webpack
工欲善其事, 必先利其器, 快快一塊兒來用vue-devtools來調試開發你的vue項目吧git
安裝:github
1.到github下載:web
1
|
git clone https:
//github.com/vuejs/vue-devtools
|
2.在vue-devtools目錄下安裝依賴包chrome
1
2
|
cd vue-devtools
cnpm install
|
3.修改manifest.json文件shell
把"persistent":false改爲truenpm
4.編譯代碼json
npm run build
瀏覽器
5.擴展Chrome插件
Chrome瀏覽器 > 更多程序 > 拓展程序
點擊加載已解壓程序按鈕, 選擇 vue-devtools > shells > chrome 放入, 安裝成功以下圖
6. vue-devtools使用
vue項目, 打開f12, 選擇vue就可使用了.
vue是數據驅動的, 這樣就能看到對應數據了, 方便咱們進行調試
怎麼樣, 是否是感受工做效率提升了呢
溫情提示:
1.vue必須引入開發版, 使用min壓縮版是不能使用devtools進行調試的
2.安裝後, 須要關閉瀏覽器, 再從新打開, 才能使用
下面在單獨給你們介紹下vue調試神器devtools的 安裝
vue devtools 安裝
總結
以上所述是小編給你們介紹的vue調試工具vue-devtools安裝及使用方法,但願對你們有所幫助,若是你們有任何疑問請給我留言,小編會及時回覆你們的。在此也很是感謝你們對腳本之家網站的支持!