最簡單的方法：
- 直接到Google store下載
- 你也可以去網上找別人已經編譯好的vue-devtools文件
當然你也可以跟我來一步一步編譯生成vue-devtools工具
第一步：找到vue-devtools的github項目，並將其clone到本地. vue-devtools
git clone https://github.com/vuejs/vue-devtools.git
第二步：安裝項目所需要的npm包
npm install //如果太慢的話，可以安裝一個cnpm, 然後命令換成
cnpm install
第三步：編譯項目文件
npm run build
一般有報錯：
[email protected] build: `cd packages/shell-chrome && cross-env NODE_ENV=production webpack --progress --hi
不要慌，這是默認分支版本太新，一些功能未同步，
我們去github上下載5.1.1版本即可
https://github.com/vuejs/vue-devtools/tree/v5.1.1
下載下來解壓，繼續
cnpm i
依賴下載完畢，修改以下文件
然後
npm run build
第四步：添加至chrome遊覽器
遊覽器輸入地址“chrome://extensions/”進入擴展程序頁面，點擊“加載已解壓的擴展程序…”按鈕，選擇vue-devtools>shells下的chrome文件夾。
注：如果看不見“加載已解壓的擴展程序…”按鈕，則需要勾選“開發者模式”。