vue 調試程序的安裝(谷歌瀏覽器chrome的vuejs devtools 插件的安裝)


1.首先在GitHub上下載vue的調試程序插件 vue-devtools 

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

2. npm install

    下載完成后打開命令行cmd cd進入vue-devtools(下載的文件夾中)文件夾,

    1. npm install,安裝依賴包;

    2. npm run build

3.npm run build 執行完,

 會在shells>chrome下的src文件夾里生產如上圖所示的幾個js文件;

 

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

若不執行以上命令會報錯,無法加載背景腳本"build/background.js",如下圖:

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

4. 擴展chrome插件

1.打開chrome瀏覽器,打開更多工具>擴展程序;

2.再點擊加載已解壓的擴展程序,然后把shells>chrome文件夾放入

 

5, 測試安裝成功

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

之后我們再打開我們的vue 項目  按f12  會發現控制台多了一個 vue 的選擇  

安裝成功!!

 


免責聲明!

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



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