1、安裝node和npm
下載網址：https://nodejs.org/en/，跟着步驟安裝即可。
若通過node -v和npm -v命令能順利查看node和npm版本則說明安裝成功。
2、安裝vue-cli 3.x
mac用戶采用如下命令安裝vue官方腳手架vue-cli 3.x，若在命令前不加sudo，則會報錯“errno -13”。（windows用戶可不加）
sudo npm install @vue/cli -g
注：其他博客上看到的“npm uninstall vue-cli -g”是用來安裝3.0以下版本的vue-cli的。若安裝的是這種老版vue-cli，則需用“sudo npm uninstall vue-cli -g”卸載后，再用上面的命令安裝vue-cli 3.x，否則后續步驟無法進行。
3、通過圖形界面創建項目
vue ui
運行上述命令后，在瀏覽器中會自動啟動一個本地服務。
創建過程中的具體操作可參考這兩篇博文：
https://zhuanlan.zhihu.com/p/70752505
https://blog.csdn.net/weixin_40688217/article/details/88321322
4、啟動項目
4.1 終端啟動
在終端進入項目文件夾，然后執行如下兩種命令之一來啟動項目
npm run serve 或者 npm run dev
啟動后，會有本地url地址和一個網絡地址，在自己電腦上打開http://localhost:8080/即可見到效果，第二個網絡地址供同局域網內的其他人訪問。訪問結果如下。
若出現如下報錯，則因為node版本為17+，在OpenSSL方面做了更新，與webpack不兼容。
需要對node進行降級，具體操作參考https://www.cnblogs.com/kpengfang/p/14610591.html
4.2 IDEA內設置啟動按鈕
用IDEA打開vue項目，按照圖示添加啟動按鈕。
（1）Add Configuration -》添加npm
（2）Scripts選擇serve，表示按下綠色三角形圖標時執行npm run serve
Scripts三個選項的意思：
(3)點擊啟動按鈕，和終端效果一樣即可。
