工欲善其事, 必先利其器, 本文主要介紹 vue的調試工具 vue-devtools 的安裝和使用.
首先從git拉取插件
git clone https://github.com/vuejs/vue-devtools.git
切換路徑到vue-devtools目錄下安裝依賴
cd vue-devtools
npm install
然后修改vue-devtools\shells\chrome路徑下的manifest.json文件，把"persistent":false改成true
"devtools_page": "devtools-background.html",
"background": {
"scripts": [
"build/background.js"
],
"persistent": true
},
進行編譯
npm run build
打開chrome進入拓展程序
圖片展示
打開開發(fā)者模式骏庸，點擊加載已解壓的擴展程序選擇 vue-devtools > shells > chrome 放入, 安裝成功如下圖
這里寫圖片描述
最后重新啟動瀏覽器淮捆，運行項目就可以使用了轧膘。
（如果有幫助的話記得點個贊喲(＾Ｕ＾)ノ~ＹＯ）
搬運自本人CSDN博客
