ChienI Kao

筆記網站

JHTNT

筆記網站

創建的項目將使用基於 Vite 的構建設置，並允許我們使用 Vue 的單文件組件 (SFC)。

請先確認是否安裝 Node.js，可運用以下指令測試 node -v 。

# 創建 Vue Project

npm vue 版本

npm init vue@latest

# 設定 Vue Project

# 運行 Vue Project

在第一次創建或是更新 package 內容時，記得要輸入 npm install ，安裝內容所需。

npm run dev

終端機會出現類似以下的訊息:

	> [email protected] dev
	> vite


	VITE v4.3.9 ready in 801 ms

	➜ Local: http://localhost:5173/
	➜ Network: use --host to expose
	➜ press h to show help

可以在瀏覽器輸入 http://localhost:5173/ 來查看專案樣式

# 建構 Vue Project

npm run build

此命令會在 ./dist 文件夾中為你的應用創建一個生產環境的構建版本。

# 參考 / 學習文章

官方文件
w3school
維基百科
MDN web docs
Vue.js 30 天隨身包系列