Nuxt 3 Minimal Starter

Look at the Nuxt 3 documentation to learn more.

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.

設定專案結構指令

# 新增 page 檔案
npx nuxi add page <檔案名稱>

# 新增 layout 檔案
npx nuxi add layout <檔案名稱>

# 新增 component 檔案
npx nuxi add component <檔案名稱>

# 新增 composable 檔案
npx nuxi add composable <檔案名稱>

# 新增 plugin 檔案
npx nuxi add plugin <檔案名稱>

# 新增 middleware 檔案
npx nuxi add middleware <檔案名稱>

# 新增 store 檔案
npm install pinia @pinia/nuxt

.env

方式一 runtimeConfig

.env

NUXT_TOKEN=1234567890
NUXT_PUBLIC_API_URL=https://www.mike.com

.env.prod

NUXT_TOKEN=9876543210
NUXT_PUBLIC_API_URL=https://www.skyler.com

方式二 vite process.env

.env

WEB_URL=https://www.mike.com
ENV=local
TOKEN=1234567890

.env.prod

WEB_URL=https://www.skyler.com
ENV=production
TOKEN=9876543210