vue學習記錄(一)—— vue開發調試神器vue-devtools安裝


網上有些貼子少了至關重要的一步導致我一直沒裝上, 切記!!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邁進了小小一步,你很棒喲!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM