Mac下安裝nodejs,然后安裝Vue-devtools工具


一、安裝nodejs

1.這一步簡單,只要上官網下載下來,直接按照提示安裝就可以,mac版本的安裝方法很簡單。

  下載nodejs的官方網址是:  nodejs.org    ,瀏覽器輸入就可以跳轉到了官方。

2.Mac下它會自動安裝好環境變量的。

二、安裝vue-devtools調試工具

1.先下載好vue-devtools文件包,這是GitHub上下文件吧網址:https://github.com/vuejs/vue-devtools

2. cd進入到vue-devtools文件夾,執行下面指令:

 npm install

3.編輯項目文件(就是打包),即執行下面指令:

npm run build

4.進入vue-devtools-dev文件夾下的shells -> chrome -> manifest.json ,找到persistent,將其值修改為true

 

5.修改完以上以后,給chrome瀏覽器添加擴展程序,chrome瀏覽器>> 更多工具>> 擴展程序,進入下圖頁面:

    (1)勾選開發者模式

    (2)點擊加載已解壓的擴展程序(選擇地址為:安裝路徑>> vue-devtools>>shells>>chrome),將chrome文件夾導入

    (3)點擊確定就能安裝成功

 

6.導入成功頁面如下:

7.此時地址欄右側出現vue的圖標,在vue項目下圖標變為亮色,切能夠在開發者工具中進行vue的調試:


免責聲明!

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



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