Wrikka Learn

Dark mode

Nuxt CLI Commands ​

คู่มือคำสั่ง CLI ของ Nuxt.js สำหรับการพัฒนาแอปพลิเคชัน

คำสั่งพื้นฐาน ​

npx nuxi init <project-name> ​

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

bash
npx nuxi init my-app
cd my-app
npm install

npx nuxi dev ​

รันโหมด development พร้อม hot-reload

bash
npx nuxi dev

npx nuxi build ​

Build โปรเจคสำหรับ production

bash
npx nuxi build

npx nuxi preview ​

รัน production build ในโหมด preview

bash
npx nuxi build
npx nuxi preview

การสร้างและจัดการโปรเจค ​

npx nuxi add <template> <name> ​

เพิ่ม component, page, หรือ layout ใหม่

bash
npx nuxi add page about
npx nuxi add component UI/Button
npx nuxi add layout admin

npx nuxi module add <module-name> ​

เพิ่ม Nuxt module

bash
npx nuxi module add @nuxtjs/color-mode

การวิเคราะห์และตรวจสอบ ​

npx nuxi analyze ​

วิเคราะห์ขนาด bundle

bash
npx nuxi analyze

npx nuxi typecheck ​

ตรวจสอบ TypeScript types

bash
npx nuxi typecheck

npx nuxi info ​

แสดงข้อมูลเกี่ยวกับสภาพแวดล้อมการทำงาน

bash
npx nuxi info

การจัดการ Dependencies ​

npx nuxi upgrade ​

อัพเดท Nuxt และ dependencies

bash
npx nuxi upgrade

การพัฒนา Module ​

npx nuxi build-module ​

Build Nuxt module

bash
cd my-module
npx nuxi build-module

npx nuxi module ​

จัดการ Nuxt modules

bash
npx nuxi module list
npx nuxi module remove @nuxtjs/color-mode

การทำความสะอาด ​

npx nuxi cleanup ​

ลบไฟล์ที่ generate โดย Nuxt

bash
npx nuxi cleanup

DevTools ​

npx nuxi devtools ​

เปิด Nuxt DevTools

bash
npx nuxi devtools

การ Generate Static Site ​

npx nuxi generate ​

Generate static site

bash
npx nuxi generate

ตารางสรุปคำสั่ง ​

คำสั่งคำอธิบาย
nuxi initสร้างโปรเจคใหม่
nuxi devรันโหมด development
nuxi buildBuild สำหรับ production
nuxi previewรัน production build
nuxi addเพิ่ม component/page/layout
nuxi analyzeวิเคราะห์ bundle size
nuxi typecheckตรวจสอบ TypeScript types
nuxi upgradeอัพเดท dependencies
nuxi cleanupลบไฟล์ที่ generate
nuxi generateGenerate static site

ตัวอย่างการใช้งานร่วมกัน ​

bash
# สร้างโปรเจคใหม่
npx nuxi init my-app
cd my-app
npm install

# เพิ่มหน้าใหม่
npx nuxi add page about

# เพิ่ม module
npx nuxi module add @nuxtjs/color-mode

# รัน development server
npx nuxi dev

# Build สำหรับ production
npx nuxi build
npx nuxi preview

คำสั่งเหล่านี้ช่วยให้การพัฒนาแอปพลิเคชันด้วย Nuxt เป็นไปอย่างมีประสิทธิภาพและเป็นระบบ