目前vue框架是前端比較流行的框架苇本,但是對(duì)于復(fù)雜的vue項(xiàng)目中會(huì)有數(shù)量多和復(fù)雜的組件,這個(gè)時(shí)候會(huì)忘記組件的關(guān)系摧冀,比較麻煩倍踪。一直聽說開發(fā)vue項(xiàng)目一定要用vue-tool,但是之前安裝太失敗了索昂,今天終于裝上了建车,紀(jì)念一下吧。
安裝vue-tool的方法有多中椒惨,如果您能“翻墻”缤至,那直接商城下載安裝就行,對(duì)于國內(nèi)的小伙伴來說這個(gè)方法可能就不適用了康谆,還是老方法吧领斥。
首先github上下載源碼,地址
https://github.com/vuejs/vue-devtools
2.使用shell或者vs打開下載的項(xiàng)目沃暗,注意打開里邊的那層文件夾
3.按照命令先install戒突,可以使用npm或者yarn,本人用的yarn
yarn?install? ?-------------成功后命令? yarn?run?build? -----等待吧少年
4,描睦、上一步成功后,找到\vue-devtools-dev\packages\shell-chrome\manifest.json文件修改
"persistent":?true(這是修改之后的)
5导而、添加方法:在chrome瀏覽器輸入地址:“chrome://extensions/”進(jìn)入擴(kuò)展程序頁面忱叭,然后點(diǎn)擊“加載已解壓的擴(kuò)展程序...”按鈕;選擇\vue-devtools-dev\vue-devtools-dev\packages\shell-chrome文件夾今艺;