（一）部署Node環境
（1）下載適合Mac環境的Node包，點擊進入下載頁面
（2）安裝Node環境：找到下載好的Node包，這里是node-v12.14.1.pkg，我們雙擊它，會進入Node.js安裝器界面，如下圖所示：
我們只要一直點擊繼續按鈕即可，采用默認設置，安裝成功后最終的效果圖如下圖所示：
默認是安裝了npm，我們可以在終端中輸入node -v和npm -v命令，分別查看node和npm的版本是多少，若Node安裝成功后在終端只會輸出版本號，若不是這些信息就表明安裝失敗了；在我這里目前node的版本是v12.14.1，npm的版本是6.13.4；
（3）配置淘寶鏡像
要是你能正常訪問國外的網站，也可以不用配置淘寶鏡像了；在國內最好還是配置一下比較好，在終端中運行下面這條命令：
npm i -g cnpm --registry=https://registry.npm.taobao.org
結果提示如下錯誤，如下圖所示：
原來是在向/usr/local/lib/node_modules文件寫入內容時提示沒有權限，於是在終端中運行這條命令：
sudo chmod -R 777 /usr/local/lib/node_modules/
然后再運行這條命令npm install -g cnpm --registry=https://registry.npm.taobao.org就可以完成淘寶鏡像的配置了。到此，Node環境已經部署好了。
（二）安裝Vue腳手架和webpack
（1）安裝Vue腳手架：在終端運行這條命令cnpm i vue-cli -g，等待運行完畢即可
（2）安裝webpack：在終端運行這條命令cnpm i webpack -g，等待運行完畢即可
到此，Vue的開發環境已經搭建完畢。
（三） 搭建Vue項目
（1）建立一個指定的目錄，比如：/Users/bien/Desktop/workspace/Studio/node，在終端進入該目錄，然后運行該命令vue init webpack-simple 工程名字（着重說明一下：工程名字不能含有中文，並且不能含有大寫字母），你可以參照這個命令：vue init webpack-simple bien-edge，在運行該命令后你只需要一直按回車鍵即可，一切配置都采用默認值，在這里我輸入了Project name和Author，效果如下圖所示：
我們根據上圖的提示，進入bien-edge目錄，運行npm install命令，然后運行npm run dev命令，結果出錯了，如下圖所示：
根據提示我也試過了，還是這樣，暫時沒解決，不過我換了另外一種方式來創建Vue項目，可以繼續往下閱讀。
（2）換種方式創建Vue項目，上述是通過命令vue init webpack-simple來創建項目的，其實我們可以通過這條命令來創建Vue項目，在終端中運行如下命令：
vue init webpack benny-edge，最終的效果類似下圖所示：
此時，進入benny-edge目錄，運行npm run dev命令，效果如下所示：
在瀏覽器中輸入http://localhost:8080地址，就可以訪問本地服務頁面了，如下圖所示：
到此為止，Vue項目成功搭建完畢，整個Vue項目的搭建步驟已敘述完，在這個Demo的基礎上就可以開發自己的前端產品了。
（四）在Mac中利用VSCode開發Vue項目
（1）首先在Mac上安裝VSCode開發環境工具，點擊進入下載界面
（2）找到下載好的Visual Stuido Code，雙擊它即可，然后打開Vue項目工程文件夾就可以進行開發了啦。
------20200110勉