1. 程式人生 > >vue-devtools的安裝

vue-devtools的安裝

說明 ast 命令行工具 targe logs 同學 很好 分享 r文件

為了能夠很好的檢查vue代碼,安裝vue-devtools;

1.下載devtools插件,建議大家去找正規的路徑下載(隨便在網頁上下載的缺文件,我已入坑),正規地址:https://github.com/vuejs/vue-devtools

2.安裝node的同學看下一步,沒有安裝node的同學需要安裝一下node,然後打開命令行,輸入node -v查看版本信息,顯示版本信息說明安裝成功(建議下載最新版本);

技術分享

3.在命令行工具下,進入vue-devtools-master文件夾下(cd ...),然後輸入npm install等待安裝,成功之後輸入npm run build ;

技術分享

4.打開谷歌瀏覽器,更多工具--擴展程序,點擊開發者模式選項,點擊加載已解壓的擴展程序,選擇vue-devtools-master文件夾下面的shells--chrome文件,這就安裝完成了;

技術分享

5.重啟谷歌瀏覽器,打開vue文件,在開發者工具下就可以看到vue了;

技術分享

到此結束!

vue-devtools的安裝