(推薦方法2)
安裝方法1: 需正常打開chrome商店悟泵,搜索vuejs devtools 安裝。chrome://extensions/ 開發(fā)者工具-擴展程序下啟用悼泌;
方法2: github下載插件,npm包安裝依賴,拖入瀏覽器擴展程.
具體操作:
1 .?下載chrome擴展插件洒闸。
在github上下載壓縮包并解壓到本地,github下載地址:https://github.com/vuejs/vue-devtools
2.npm install
下載完成后打開命令行cmd進入vue-devtools-master文件夾均芽,
1. npm install丘逸,安裝依賴包;如果安裝太慢掀宋,請參照文章末尾說明進行操作深纲。
2. npm run build
npm run build 執(zhí)行完,會在shells>chrome下的src文件夾里生產(chǎn)如上圖所示的幾個js文件劲妙;
若不執(zhí)行以上命令會報錯湃鹊,無法加載背景腳本"build/background.js",如下圖:
3.?打開shells>chrome>manifest.json并把json文件里的"persistent":false改成true
4.擴展chrome插件
1.打開chrome瀏覽器是趴,打開更多工具>擴展程序涛舍;
2.再點擊加載已解壓的擴展程序澄惊,然后把shells>chrome文件夾放入
5唆途, 測試安裝成功
在插件的目錄下執(zhí)行npm run dev富雅,這個時候我們的插件就可以運行了,打開localhost:8080可以看到插件已經(jīng)安裝并運行了。
方法3: 下載chrome插件安裝包(.crx文件)離線安裝(版本較低不推薦)
下載地址:http://www.cnplugins.com/devtool/vuejs-devtools/download.html
安裝方法:http://www.cnplugins.com/tools/how-to-setup-crx.html
在chrome中新開一個TAB肛搬,輸入:chrome://extensions/ 回車没佑,打開應用管理器,可以看到之前安裝的其他應用温赔。將下載后的.crx文件蛤奢,拖入即可安裝。
另附:
1. 建議使用npm淘寶鏡像安裝依賴包地址:http://npm.taobao.org/
命令行安裝npm淘寶鏡像:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
之后我們就可以使用cnpm代替npm安裝依賴包了
2. chrome插件網(wǎng)地址?http://www.cnplugins.com/陶贼, 有需要別的插件的可類似以上操作啤贩。
感謝原作者:https://www.cnblogs.com/alice-fee/p/8038367.html