vue-devtools chrome 開發工具


vue-devtools: 是一款基於chrome的 vue 開發工具,可以查看VUE項目的原始代碼(vue標簽),而不是編輯后的html標簽。

 

安裝:

  一. 可以直接在chrome商店里直接下載安裝,不過需要翻牆。

  二. 下載vue-devtools代碼,自己手動編譯並安裝這個插件。

    1. 從github上下載代碼,vue-devtools 

1 git clone https://github.com/vuejs/vue-devtools.git

    2. 下載完成后安裝包的依賴

1 npm i   或者    yarn install

    3. 依賴安裝完成后,編譯代碼,生成插件

1 npm run build

    4. 打開chrome的擴展程序,並安裝插件

    擴展程序 -> 添加已解壓的擴展程序 -> 選擇(vue-devtolls/shells/chrome)目錄

    5. 重啟chrome,打開開發者工具,可以看到工具上方的導航中多出一個Vue項目。

 


免責聲明!

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



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