Google chrome 瀏覽器開發(fā)vue項目時褪秀，需要安裝vue瀏覽器插件蓄诽。
Vue.js devtools可以方便查看vue組件，events, 路由媒吗，vuex等信息仑氛。
這是未安裝時的warning
devtool-warning.png
這是瀏覽器擴展程序中的插件
extensions.png
步驟如下：
1. 進入warning中提示的github倉庫
https://github.com/vuejs/vue-devtools
devtool-git.png
可以下載zip包，也可以clone倉庫蝴猪。這里我下載的壓縮包调衰。
2. 解壓后，在終端進入文件夾路徑自阱。
Tips 解壓后的文件夾名稱一定要與package.json中的name一致嚎莉。否則build報錯。
這里下載下來的文件夾名稱是devtools-main沛豌，手動改成vue-devtools
執(zhí)行：
cnpm install
結束后趋箩，再執(zhí)行：
cnpm run build
最后在瀏覽器擴展程序中，加載已解壓的擴展程序
選中vue-devtools/packages/shell-chrome
添加成功加派！
