03
Vue 3 學習之旅
專案建立
Day 3: 建立你的第一個 Vue 3 專案 (create-vue)
·4 分鐘閱讀·專案建立
摘要
create-vue 是 Vue 官方推薦的指令,用於快速搭建一個結構完整、配置完善的 Vue 3 專案骨架。
定義與說明
create-vue 是一個基於 Vite 的專案「鷹架工具」(Scaffolding Tool)。它會透過命令列中的互動式問答,引導您客製化專案,例如是否需要 TypeScript、Vue Router、Pinia 等,並自動生成所有必要的檔案與設定。
實作範例
Terminal
# 1. 執行建立指令
npm create vue@latest
# 2. 根據提示回答問題,客製化你的專案...
# 3. 根據提示,進入專案並啟動
cd <your-project-name>
npm install
npm run dev
結論
create-vue 是啟動標準 Vue 專案最高效、最官方的方式。它讓開發者能跳過繁瑣的環境設定,在幾分鐘內就獲得一個遵循最佳實踐的開發起點。
create-vue Vue 3 專案建立