nuxi 命令構建器
產生用於搭建、開發、編譯及管理 Nuxt 3 專案的 nuxi 指令
開始使用 nuxi
## 什麼是 nuxi?
`nuxi` 是 Nuxt 3+ 的命令行介面。它可用於建立新專案、運行開發伺服器、產生適用於正式環境的建構檔、生成靜態網站,以及執行升級 Nuxt 或分析套件大小等維護任務。
## 如何使用
1. **選擇操作**:`init`、`dev`、`build`、`generate`、`preview`、`upgrade`、`info`、`cleanup`、`analyze` 或 `typecheck`。 2. **設定目標**:對於 `init`,請輸入專案目錄的名稱。 3. **設定選項**:對於 `dev`,需設定埠號(`-p`);對於 `--package-manager`,則用來固定 npm/pnpm/yarn/bun 的版本。 4. **複製並執行**:大多數指令都在已有的 Nuxt 專案中執行;`init` 則用於建立新的專案。
常見動作與選項
### `init` 建立新專案 在新的資料夾中建立一個全新的 Nuxt 應用程式:`nuxi init my-app`。
### `dev` 開發伺服器 在預設的 3000 通訊埠上啟動即時重新載入的開發伺服器。可透過 `-p` 進行覆寫:`nuxi dev -p 4000`。
### `build` / `generate` 生產環境產出 `build` 會產生用於 SSR 主機的 Node 伺服器套件(`.output/server`);`generate` 則會在`.output/public`中將整個網站預先轉換為靜態 HTML,用於靜態主機。
### `preview` 執行生產環境建構 在部署之前,可在本機上透過`build`或`generate`來提供由`.output`產生的版本,以進行驗證。
### `upgrade` / `info` / `cleanup` `upgrade` 會升級 Nuxt 的版本;`info` 會列印專案的使用環境與各項版本資訊;`cleanup` 則會移除建構緩存(`.nuxt`、`node_modules/.cache`)。
### `analyze` / `typecheck` `analyze` 會建構專案並開啟套件分析工具;`typecheck` 則會執行`vue-tsc`以對整個專案進行型別檢查。
### `--package-manager=NAME` 為了`init`及其他需要了解安裝狀態的指令,可固定套件管理器(npm、pnpm、yarn、bun)的版本。
▶build 與 generate — 應該使用哪一個?
▶我要如何在不同的連接埠上執行開發伺服器?
▶我要如何使用 pnpm 而非 npm 來建立專案?
如果这个工具对你有帮助,请考虑请我喝杯咖啡。
請幫我買杯咖啡吧。