一、環境安裝與檢查
- 首先，我們要確保我們安裝了構建vue框架的環境，不會安裝的請自行百度，有很多安裝教程。
- 檢查環境
-
node -v # 如果沒有安裝nodejs請安裝，安裝教程自行百度vue -V# 沒有安裝，請執行npm install -g @vue/cli
?這些環境都安裝了之后就可以進行vue項目的搭建了。
二、vue項目搭建
- ?進入你要創建vue項目的目錄下進行項目創建，輸入：vue create “項目名稱”， 例：
-
vue create project-app
選擇 Manually select? features? 選項，進行自行配置
-
-
?選擇完這幾個之后回車
-
選擇 版本 3.x
-
? ? ? ?第一個選項選擇N，不要history mode for router，之后的選項都默認選擇第一個，直接按回車鍵，直到來到這里選擇是否記住上述的配置項，下次創建vue項目時還是按這種配置創建，這里我們選擇N；
?
?選擇N之后，我們只要等待項目創建完成即可；下圖表明已經創建完成。
三、編輯項目
我用的是VScode編輯器打開，可以看看項目文件的結構
在當前目錄下啟動項目：npm? run? serve
?瀏覽器訪問：http://127.0.0.1:8080
?為了不會因為格式等問題而報錯，我們需要在 vue.config.js? 中添加??? lintOnSave: false? ，之后重新執行：npm? run? serve? 重啟項目，這樣就不會出現格式問題的報錯。
?好了，vue3.X項目的創建就結束了。
