vue-devtools: 是一款基于chrome的 vue 開發(fā)工具，可以查看VUE項目的原始代碼（vue標簽），而不是編輯后的html標簽。

?

安裝：

　　一. 可以直接在chrome商店里直接下載安裝，不過需要FQ。

　　二. 下載vue-devtools代碼，自己手動編譯并安裝這個插件。

　　　　1. 從github上下載代碼，vue-devtools　

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

　　　　2. 下載完成后安裝包的依賴

1 npm i 或者 yarn install

　　　　3. 依賴安裝完成后，編譯代碼，生成插件

1 npm run build

　　　　4. 打開chrome的擴展程序，并安裝插件

　　　　擴展程序 -> 添加已解壓的擴展程序 -> 選擇(vue-devtolls/shells/chrome)目錄

　　　　5. 重啟chrome，打開開發(fā)者工具，可以看到工具上方的導(dǎo)航中多出一個Vue項目。

?

轉(zhuǎn)載于:https://www.cnblogs.com/flying--pig/p/7770775.html

總結(jié)

以上是生活随笔為你收集整理的vue-devtools chrome 开发工具的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。