chrome安裝vue-devtools


由於在chrome上打不開應用商店,准備離線安裝。
1 . 下載chrome擴展插件。

在github上下載壓縮包並解壓到本地,github下載地址:https://github.com/vuejs/vue-devtools

  1. 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安裝依賴包了。

  1. npm run build
    npm run build 執行完,會在shells>chrome下的src文件夾里生產如上圖所示的幾個js文件;

  2. 打開shells>chrome>manifest.json並把json文件里的"persistent":false改成true

  3. 擴展chrome插件
    1.打開chrome瀏覽器,打開更多工具>擴展程序;
    2.再點擊加載已解壓的擴展程序,然后把shells>chrome文件夾放入

  4. 測試安裝

在插件的目錄下執行npm run dev,這個時候我們的插件就可以運行了,打開localhost:8100 可以看到插件已經安裝並運行了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM