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