vue-devtools: 是一款基於chrome的 vue 開發工具,可以查看VUE項目的原始代碼(vue標簽),而不是編輯后的html標簽。
安裝:
一. 可以直接在chrome商店里直接下載安裝,不過需要翻牆。
二. 下載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,打開開發者工具,可以看到工具上方的導航中多出一個Vue項目。