一、安裝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的調試: