1 . 下載chrome擴展插件。
在github上下載壓縮包並解壓到本地，github下載地址：https://github.com/vuejs/vue-devtools
2. npm install
下載完成后打開命令行cmd進入vue-devtools-master文件夾，
1. npm install，安裝依賴包；如果安裝太慢，就先安裝淘寶鏡像,命令行輸入 $ npm install -g cnpm --registry=https://registry.npm.taobao.org。
安裝完成后可以測試是否安裝成功：可輸入命令：$ cnpm -v 返回版本號說明安裝成功
現在就可以用 $ cnpm install
2.cnpm run build
編譯打包完后會在shells>chrome下的src文件夾里生產如上圖所示的幾個js文件；
3.擴展chrome插件
1.打開chrome瀏覽器，點擊右上角，打開更多工具>擴展程序；
2.打開右上角的開發者模式。 再點擊加載已解壓的擴展程序，然后把shells>chrome文件夾放入
3.測試插件是否有效。運行Vue項目后 切換到Vue模式。
免責聲明
- 本博客所有文章僅用於學習、研究和交流目的，歡迎非商業性質轉載。
- 博主在此發文（包括但不限於漢字、拼音、拉丁字母）均為隨意敲擊鍵盤所出，用於檢驗本人電腦鍵盤錄入、屏幕顯示的機械、光電性能，並不代表本人局部或全部同意、支持或者反對觀點。如需要詳查請直接與鍵盤生產廠商法人代表聯系。挖井挑水無水表，不會網購無快遞。
- 博主的文章沒有高度、深度和廣度，只是湊字數。由於博主的水平不高（其實是個菜B），不足和錯誤之處在所難免，希望大家能夠批評指出。
- 博主是利用讀書、參考、引用、抄襲、復制和粘貼等多種方式打造成自己的文章，請原諒博主成為一個無恥的文檔搬運工！