Vue 開發必不可少的調試工具 vue-devtools

歌曲分享:for him. Troye Sivan

You don't have to say I love you to say I love youvue

Forget all the shooting stars and all the silver moonsgit

We've been making shades of purple out of red and bluegithub

Sickeningly sweet like honey, don't need moneychrome

All I need is youshell

All I need is younpm

每一個人的內心都會藏有祕密,只但願哪天它再也不是祕密。瀏覽器


仍是那句話,工欲善其事必先利其器。關於調試,必定要看數據,不然都不知道數據是什麼,調個寂寞啊!有了 vue-devtools 一切就方便多了。ui

沒數據就本身造,哪一個數據有問題就去看那個數據。google

1、安裝vue-devtools:
一、git clone -b master https://github.com/vuejs/vue-devtools
下好後注意看它分支是否爲 master,直接克隆的話它默認下載dev分支

二、npm install
進入下載好的文件 vue-devtools 而後使用上述操做命令

三、npm run build

四、將編譯好的插件添加到 google 瀏覽器:
goole 瀏覽器地址欄輸入:chrome://extensions/
而後選擇加載已解壓的擴展程序;
編譯包目錄下進入 shells 文件夾便可找到 chrome;
點擊肯定。

2、如下是相關操做的「輔助」圖片:

npm i

npm run build

安裝成功

固定擴展程序

效果圖


最後貼上朋友鼓勵個人話,若是在看這篇文章的你是沮喪的,那麼但願能帶給你點力量。spa

一、你本身決定哦,這個行業大部分都是這樣吧, 技術爲王。 喜歡的話就堅持,不喜歡的話另外選擇吧。堅持本身喜歡的,讓它成爲本身的特長。

二、是的,爲本身打工啦,成長都是本身的。如今被人剝削壓迫了,只要成長了,最終會nb的,nb了就行了。

相關文章
相關標籤/搜索