vue-devtools

1. 到github下載:

git clone https://github.com/vuejs/vue-devtools

 

2. 解壓並打開vue-devtools目錄      打開命令行工具     安裝依賴:cnpm install

 

3. 修改vue-devtools-dev目錄下的   \shells\chrome\manifest.json文件,把 "persistent": false改成true

 

 

4. 打包 npm run build

 

5. 擴展Chrome插件   Chrome瀏覽器 >  更多程序 > 拓展程序          或者輸入網址: chrome://extensions/

    點擊加載已解壓程序按鈕, 選擇下載好的目錄 vue-devtools > shells > chrome 放入, 安裝成功如下圖

溫情提示: 

a. vue必須引入開發版, 使用min壓縮版是不能使用devtools進行調試的

b. 關閉瀏覽器, 重新打開

 

6. 使用

vue項目, f12, 選擇vue就可以使用了. vue是數據驅動的, 這樣就能看到對應數據了, 方便調試

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章