1. 下載chrome的擴展程序包
github地址：https://github.com/vuejs/vue-devtools
2. 下載完成后摹恰，解壓到先關文件夾下屈芜。進入vue-devtools文件夾导狡，開始安裝項目所需依賴包
命令：npm install (如果有國內鏡像環(huán)境萧吠，直接cnpm install就好了)
下載成功出現(xiàn)如下狀態(tài)：
3. 開始編譯項目文件：
命令： npm run build
4. 在vue-devtools文件夾下：shells>chrome>manifest.json鸥咖，將配置里的persistent的值修改為true痰滋；
5. 打開chrome音念，進入擴展程序管理界面（chrome://extensions/）希痴，加載已解壓的擴展程序掂碱。選擇vue-devtools>shells>chrome怜姿。加載完成就會出現(xiàn)以下的Vue.js devtools擴展程序。然后重啟瀏覽器疼燥，再打開vue項目頁面就可以在chrome的Devtools（就是console的那一欄沧卢，一般都排在最后面的。）找到Vue面板了醉者。
