Vue開發調試神器: vue-devtools
1. 下載Chrome擴展插件
GitHub下載地址:
https://github.com/vuejs/vue-devtools
建議使用npm淘寶鏡像按照依賴包
地址:http://npm.taobao.org/
命令行安裝npm淘寶鏡像:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
之后我們就可以使用cnpm代替npm按照依賴包了,npm安裝依賴包確實太慢了.....
2. 安裝編譯
cnpm install
cnpm run build
打開shells>chrome>src>manifest.json並把json文件里的"persistent":false改成true
3. 將插件加入Chrome擴展插件
打開chrome瀏覽器,打開設置>更多工具>擴展程序>點擊開發者模式;
點擊“加載已解壓的擴展程序”,然后選擇vue-devtools-dev>shell>chrome文件夾;
最后打開一個vue項目,f12打開調試工具就可以進行vue項目的調試了。