一、前期轉杯
- 確保電腦上已安裝 node.js。
可透過命令npm --version進行查詢，如果展示了版本號，則說明已安裝，若提示npm 不是有內部或外部命令，也不是可執行的程式，則說明未安裝，可進入官網下載並進行安裝。 - 確保已安裝 Vue CLI。
可透過命令vue --V檢視版本號，如果返回了版本號，則說明已安裝，若提示vue 不是有內部或外部命令，也不是可執行的程式，則說明未安裝Vue CLI, 可使用命令：npm install -g @vue/cli進行安裝。
二、建立 vue 專案
在命令列視窗輸入命令 vue create [web名稱] 後，點選回車(Enter)鍵。進入如下介面
可以使用方向鍵上/下進行選項選擇，本文只是是基於 vue3 的專案建立，故此處直接點選 回車(Enter)鍵，此時將進行專案建立。
等待操作完成後，用過 cd 目錄路徑 ，再輸入命令 npm run serve，將出現如下介面，即表示站點已正常執行。
此時在瀏覽器位址列中輸入 介面上的地址，即可訪問 web。如下圖：
三、過程中可能存在的問題及解決方案
- 證書過期
問題：安裝 Vue CLI 提示證書過期，如下圖
解決方案：因淘寶原映象地址https://registry.npm.taobao.org已過期，現已變更為https://registry.npmmirror.com。可使用命令npm config set registry https://registry.npmmirror.com進行映象地址更換。 - 包名無效
問題：建立專案時，提示專案名稱無效，如下圖
解決方案：專案名稱不能包含大寫字母