-->生態系統-->Devtools-->復制Git下載地址
2.進入想要放的文件夾里打開命令窗口
git clone 粘貼(如下)
git clone https://github.com/vuejs/vue-devtools.git
1.打開package.json文件
2.找到依賴包devDependencies里面的以下三個包進行刪除
buble,buble-loader,selenium-server
下載以上刪除的包:
cnpm install buble
cnpm install buble-loader
cnpm install wbuf
cnpm install selenium-server(該安裝過程可能會卡在那里,按ctrl+c結束,不影響)
下載依賴包里的安裝包
cnpm install
運行
npm run build
1.進入shells-->chrome-->manifest.json打開修改以下內容:
找到以下部分:
"persistent":false
修改為:
"persistent":true
2.進入shells-->chrome-->webpack.config.js打開修改以下內容:
找到以下部分:(最后面)
'process.env':{NODE_ENV:"production"}
修改為:
'process.env':{NODE_ENV:"development"}
6.把插件應用到瀏覽器
1.找到文件夾vue-devtools\shells下的chrome文件夾
2.直接拖進瀏覽器的更多工具-->擴展程序里