Nuxt ตอนที่ 2: โครงสร้าง Project ของ Nuxt

หลังจาก Create Project เสร็จ Nuxt ได้เตรียมโครงสร้าง File และ Folder โดยที่เราจะใช้บ่อยๆ มีดังนี้

pages
สำหรับเก็บหน้าเพจ ของ Vue ไฟล์ที่เก็บใน pages จะถูกนำไปสร้าง router โดยอัตโนมัติ

components
ที่สำหรับเก็บ Components และจะถูกเรียกใช้งานใน pages

assets
เก็บพวกไฟล์ styles, images, หรือ fonts

static
เก็บพวกไฟล์ robots.txt หรือ favicon

nuxt.config.js
Config file ของ Nuxt

package.json
dependencies และ scripts ของแอพ

Related Post