1、安裝node和npm
若通過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，否則後續步驟無法進行。
@vue/cli官方文件
3、通過圖形介面建立專案
vue ui執行上述命令後，在瀏覽器中會自動啟動乙個本地服務。
4、啟動專案
4.1 終端啟動
在終端進入專案資料夾，然後執行如下兩種命令之一來啟動專案
npm run serve 或者 npm run dev啟動後，會有本地url位址和乙個網路位址，開啟 http://localhost:8080/即可見到效果，如下。
若出現如下報錯，則因為node版本為17+，在openssl方面做了更新，與webpack不相容。
需要對node進行降級，具體操作參考
4.2 idea內設定啟動按鈕
用idea開啟vue專案，按照圖示新增啟動按鈕。
（1）add configuration -》新增npm
（2）scripts選擇serve，表示按下綠色三角形圖示時執行npm run serve
scripts三個選項的意思：
(3)點選啟動按鈕，和終端效果一樣即可。
Vue的環境搭建 專案建立及專案執行
基於越來越多的人選擇vue,個人認為vue能入住主流還是非常重要的。在學習過程中，感覺它的環境搭建還是挺麻煩的，看到乙個博主，覺得寫得很不錯，自己實驗也成功，隨採集用以記錄 1.搭建vue環境 安裝vue可以使用標籤引用，也可以使用cdn方法，感興趣的童鞋可以去查閱。這裡著重整理npm的安裝方法，因...
前端Vue專案的執行
安裝成功以後，我們可以通過npm v命令，檢視安裝的版本。npm v然後我們輸入npm config set registry 映象位址，配置我們的npm映象。npm config set registry http 映象位址 npm config ls 命令可以檢視我們配置的npm映象位址 npm...
vue專案搭建和執行
在師兄的推薦下入坑vue.js 發現不知如何執行github上的開源專案，很尷尬。通過查閱網上教程，成功搭建好專案環境，同時對前段工程化有了朦朦朧朧的認知，因此將環境搭建過程分享給大家。首先，列出來我們需要的東西 安裝node.js 安裝完成之後，開啟命令列工具，輸入 node v，如下圖，如果出現...