vue-devtools的安裝步驟
更新時間：2018年04月23日 08:50:53 作者：張成
vue-devtools 是一款基于chrome游覽器的插件，用于調試vue應用，這篇文章分步驟給大家介紹了vue-devtools的安裝方法，需要的朋友參考下吧
vue-devtools 是一款基于chrome游覽器的插件，用于調試vue應用，由于國內(nèi)不能訪問谷歌商店（要科學上網(wǎng)），所以安裝比較麻煩，寫個文章記錄一下。
第一步
將vue-devtools clone到本地
git clone https://github.com/vuejs/vue-devtools.git
第二步
在vue-devtools目錄下安裝依賴包
cd vue-devtools npm install
第三步
編譯代碼
npm run build
第四步
修改 vue-devtools/shells/chrome/manifest.json 文件，將 persistent改成 true
第五步
打開chrome，輸入 chrome://extensions/ 進入到chrome擴展程序設置頁面
打開右上角的 開發(fā)者模式
點擊 加載已解壓的擴展程序 選擇 vue-devtools/shells/chrome
注意：勾選 允許訪問文件網(wǎng)址
至此，vue-devtools已經(jīng)安裝完畢。enjoy it!
總結
以上所述是小編給大家介紹的vue-devtools的安裝步驟，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
Vue?Electron實現(xiàn)輸入法自動刷字數(shù)功能詳解
這篇文章主要介紹了Vue?Electron實現(xiàn)輸入法自動刷字數(shù)功能，文中的示例代碼講解詳細，對我們學習C#有一定的幫助，感興趣的小伙伴可以跟隨小編一起了解一下2022-12-12
這篇文章主要介紹了vue如何限制只能輸入正負數(shù)及小數(shù),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-07-07
Element UI是一套基于Vue的桌面端組件庫,封裝好了很多常用的UI組件,下面這篇文章主要給大家介紹了關于element如何初始化組件功能的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
這篇文章主要為大家介紹了vue3與ts組件封裝提高代碼復用性示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
這篇文章主要介紹了vue學習筆記之過濾器的基本使用方法,結合實例形式分析了vue.js過濾器的基本功能、用法與操作注意事項,需要的朋友可以參考下2020-02-02
本文主要介紹了如何監(jiān)聽Vue項目報錯的4種方式，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了vue如何實現(xiàn)自定義步驟條問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
本篇文章給大家分享了vue v-model動態(tài)生成的相關知識點以及實例代碼，有興趣的朋友參考學習下。2018-06-06
這篇文章主要為大家介紹了十分鐘封裝一個好用的axios步驟示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
基于Vue和Firebase實現(xiàn)一個實時聊天應用
在本文中,我們將學習如何使用Vue.js和Firebase來構建一個實時聊天應用,Vue.js是一種流行的JavaScript前端框架,而Firebase是Google提供的實時數(shù)據(jù)庫和后端服務,結合這兩者,我們可以快速搭建一個功能強大的實時聊天應用,需要的朋友可以參考下2023-08-08