由於在chrome上打不開應用商店,准備離線安裝。
1 . 下載chrome擴展插件。
在github上下載壓縮包並解壓到本地,github下載地址:https://github.com/vuejs/vue-devtools
- npm install 安裝依賴包;
下載完成后打開命令行cmd進入vue-devtools-dev文件夾,
npm install
如果安裝太慢,可以使用npm淘寶鏡像安裝依賴包地址:http://npm.taobao.org/
命令行安裝npm淘寶鏡像:$ npm install -g cnpm --registry=https://registry.npm.taobao.org
之后我們就可以使用cnpm代替npm安裝依賴包了。
-
npm run build
npm run build 執行完,會在shells>chrome下的src文件夾里生產如上圖所示的幾個js文件;
-
打開shells>chrome>manifest.json並把json文件里的"persistent":false改成true
-
擴展chrome插件
1.打開chrome瀏覽器,打開更多工具>擴展程序;
2.再點擊加載已解壓的擴展程序,然后把shells>chrome文件夾放入 -
測試安裝
在插件的目錄下執行npm run dev,這個時候我們的插件就可以運行了,打開localhost:8100 可以看到插件已經安裝並運行了。