一、 下載
注意： 一般Git的代碼都是測試環境，下載的時候一定要切換分支到 master,步驟如下：
- 切換分支；在本地新建文件夾用來存放代碼，進入文件夾后右鍵單擊“Git Bash Here”,輸入 “$ git checkout master”
- 下載；繼續輸入 “$ git clone https://github.com/vuejs/vue-devtools"
二、 安裝vue-devtools項目依賴
- 下載依賴包；cd 到項目目錄中，右鍵打開powershell，輸入 “npm i”，安裝的過程中可能提示一些包有風險，安裝提示輸入“npm audit fix --force”;
- 打包；依賴包下載完后執行npm run build,編譯打包成功后會在shells下生成chrome文件夾。此文件夾就是用來放入chrome的擴展程序。
- 修改配置；找到manifest.json所對應的路徑 ，在shells>chrome文件夾下，把persistent:true改成false 保存
三、 添加到谷歌程序
打開shells文件夾 將chrome文件夾拖拽進入谷歌的擴展程序中，成功后你將看到Vue.js devtools 如下圖所示，到此還沒結束，vue工具還不能正常使用
遇到的問題如下：
在項目的瀏覽器控制台上沒有Vue，解決方法如下：在main.js入口文件中添加以下代碼：
if (process.env.NODE_ENV == 'development') {
Vue.config.devtools = true;
} else {
Vue.config.devtools = false;
}
就ok了，