網上有些貼子少了至關重要的一步導致我一直沒裝上, 切記!!install后還需build,且install和build都在vue-devtools文件夾內執行
github下載地址 點擊跳轉
具體步驟:
第一步:找到vue-devtools的github項目,並將其clone到本地 vue-devtools
git clone https://github.com/vuejs/vue-devtools.git
第二步:安裝項目所需要的npm包(進入vue-devtools編譯項目文件目錄,很重要!!)
建議使用npm淘寶鏡像按照依賴包。地址:http://npm.taobao.org/
推薦閱讀文章:國內優秀npm鏡像推薦及使用
命令行安裝npm淘寶鏡像:
cd vue-devtools
$ cnpm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install
第三步:開始編譯項目文件(使用的淘寶鏡像就用cnpm!!!建議用此鏡像,npm會出現各種問題)
cnpm run build
第四步:打開shells>chrome>src>manifest.json並把json文件里的 "persistent":false改成true
第五步:打開chrome瀏覽器擴展工具
點擊開發者模式;
直接將shells——chrome文件夾直接拖到瀏覽器中就可以了,大功告成。
學習vue邁進了小小一步,你很棒喲!