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 專案建立