Nuxt.js Installation

วิธีการติดตั้ง

เรียนรู้วิธีการติดตั้ง Nuxt.js ในโปรเจคของคุณ

Prerequisites

• Node.js (LTS version)
• Package manager (npm, yarn, pnpm, or bun)
• Code editor (VS Code recommended)

การติดตั้ง Nuxt.js

1. สร้างโปรเจคใหม่

npx

npx nuxi@latest init <project-name>

bun

bunx nuxi@latest init <project-name>

pnpm

pnpm dlx nuxi@latest init <project-name>

yarn

yarn create nuxt-app <project-name>

2. เข้าไปที่โฟลเดอร์โปรเจค

cd <project-name>

3. ติดตั้ง Dependencies

npm

npm install

yarn

yarn install
# Using pnpm
pnpm install

# Using bun
bun install

4. Start Development Server

bash

# Using npm
npm run dev

# Using yarn
yarn dev

# Using pnpm
pnpm dev

# Using bun
bun run dev

5. Open in Browser

เปิดเบราว์เซอร์และไปที่:

txt

http://localhost:3000

6. Next Steps

• แก้ไขไฟล์ app.vue เพื่อเริ่มพัฒนา
• ดูข้อมูลเพิ่มเติมได้ที่ Nuxt Documentation

ตัวเลือกเพิ่มเติม

ใช้ TypeScript

Nuxt 3 มาพร้อมกับ TypeScript โดยอัตโนมัติ ไม่ต้องติดตั้งเพิ่มเติม

ใช้กับ Bun

bash

bun create nuxt@latest <project-name>
cd <project-name>
bun install
bun run dev

ใช้กับ pnpm

bash

pnpm dlx nuxi@latest init <project-name>
cd <project-name>
pnpm install
pnpm run dev

ข้อควรท้าย

• ตรวจสอบเวอร์ชันล่าสุดได้ที่ Nuxt Releases
• สำหรับคำถามเพิ่มเติม สามารถดูได้ที่ Nuxt Community