谷歌瀏覽器安裝vuejs devtools 插件

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），不足和錯誤之處在所不免，但願你們可以批評指出。
• 博主是利用讀書、參考、引用、抄襲、複製和粘貼等多種方式打形成本身的文章，請原諒博主成爲一個無恥的文檔搬運工！