[1.Nuxt] ตอนที่ 1: เริ่มต้นสร้าง Project Nuxt
Published in
Apr 5, 2021
- ลง NodeJs ถ้ายังไม่ได้ลง เข้าไปที่ https://nodejs.org
- เริ่มต้นสร้าง Nuxt Project ด้วยชื่อ books.web
yarn create nuxt-app books.web
3. Setup Project โดยเลือกเป็น TypeScript และ Ant Design Vue ตามรายละเอียดด้านล่าง
? Project name: books.web
? Programming language: TypeScript
? Package manager: Yarn
? UI framework: Ant Design Vue
? Nuxt.js modules: Axios — Promise based HTTP client
? Linting tools: ESLint, Prettier
? Testing framework: None
? Rendering mode: Universal (SSR / SSG)
? Deployment target: Server (Node.js hosting)
? Development tools: ไม่ต้องเลือกอะไร
? Continuous integration: None
? Version control system: Git
4. รอสักครู่ก็ Setup เรียบร้อย CD เข้าไปที่ Project แล้วรัน Project
cd books.web
yarn dev
5. รัน Project เรียบร้อย
6. เข้าไปที่ Browser url: http://localhost:3000 ได้หน้าตาเว็บดั่งรูปเป็นอันเรียบร้อย
