vue-devtools的安裝步驟
vue-devtools 是一款基于chrome游覽器的插件,用于調(diào)試vue應(yīng)用,由于國(guó)內(nèi)不能訪問(wèn)谷歌商店(要科學(xué)上網(wǎng)),所以安裝比較麻煩,寫個(gè)文章記錄一下。
第一步
將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è)置頁(yè)面
打開右上角的 開發(fā)者模式
點(diǎn)擊 加載已解壓的擴(kuò)展程序 選擇 vue-devtools/shells/chrome
注意:勾選 允許訪問(wèn)文件網(wǎng)址
至此,vue-devtools已經(jīng)安裝完畢。enjoy it!
總結(jié)
以上所述是小編給大家介紹的vue-devtools的安裝步驟,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
Vue?Electron實(shí)現(xiàn)輸入法自動(dòng)刷字?jǐn)?shù)功能詳解
這篇文章主要介紹了Vue?Electron實(shí)現(xiàn)輸入法自動(dòng)刷字?jǐn)?shù)功能,文中的示例代碼講解詳細(xì),對(duì)我們學(xué)習(xí)C#有一定的幫助,感興趣的小伙伴可以跟隨小編一起了解一下2022-12-12
vue如何限制只能輸入正負(fù)數(shù)及小數(shù)
這篇文章主要介紹了vue如何限制只能輸入正負(fù)數(shù)及小數(shù),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
vue學(xué)習(xí)筆記之過(guò)濾器的基本使用方法實(shí)例分析
這篇文章主要介紹了vue學(xué)習(xí)筆記之過(guò)濾器的基本使用方法,結(jié)合實(shí)例形式分析了vue.js過(guò)濾器的基本功能、用法與操作注意事項(xiàng),需要的朋友可以參考下2020-02-02
如何監(jiān)聽Vue項(xiàng)目報(bào)錯(cuò)的4種方式?
本文主要介紹了如何監(jiān)聽Vue項(xiàng)目報(bào)錯(cuò)的4種方式,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04
基于Vue和Firebase實(shí)現(xiàn)一個(gè)實(shí)時(shí)聊天應(yīng)用
在本文中,我們將學(xué)習(xí)如何使用Vue.js和Firebase來(lái)構(gòu)建一個(gè)實(shí)時(shí)聊天應(yīng)用,Vue.js是一種流行的JavaScript前端框架,而Firebase是Google提供的實(shí)時(shí)數(shù)據(jù)庫(kù)和后端服務(wù),結(jié)合這兩者,我們可以快速搭建一個(gè)功能強(qiáng)大的實(shí)時(shí)聊天應(yīng)用,需要的朋友可以參考下2023-08-08

