BLACK FRIDAY - Get 35% off your Mastering Nuxt license!

Struktur Direktori

Struktur aplikasi Nuxt.js default dimaksudkan untuk memberikan titik awal yang bagus untuk aplikasi kecil dan besar. Anda bebas untuk mengatur aplikasi Anda sesuka Anda dan dapat membuat direktori lain jika Anda membutuhkannya.

Mari buat direktori dan file yang belum ada di proyek kita.

mkdir components assets static
touch nuxt.config.js

Ini adalah direktori dan file utama yang kami gunakan saat membangun aplikasi Nuxt.js. Anda akan menemukan penjelasan masing-masing di bawah ini.

Membuat direktori dengan nama ini untuk mengaktifkan fitur dalam proyek Nuxt.js Anda.

Direktori

Direktori pages

Direktori pages berisi tampilan dan rute aplikasi Anda. Seperti yang telah Anda pelajari di bab terakhir, Nuxt.js membaca semua file .vue di dalam direktori ini dan menggunakannya untuk membuat router aplikasi.

Pelajari lebih lanjut tentang direktori pages

Direktori components

Direktori components adalah tempat Anda meletakkan semua komponen Vue.js yang kemudian diimpor ke halaman Anda.

Dengan Nuxt.js Anda dapat membuat komponen Anda dan mengimpornya secara otomatis ke file .vue Anda berarti tidak perlu mengimpornya secara manual di bagian script. Nuxt.js akan memindai dan mengimpor ini secara otomatis untuk Anda setelah Anda menyetel komponen ke true.

Pelajari lebih lanjut tentang direktori components

Direktori assets

Direktori assets berisi assets Anda yang tidak dikompilasi seperti styles, images, atau fonts Anda.

Pelajari lebih lanjut tentang direktori assets

Direktori static

Direktori static secara langsung dipetakan ke root server dan berisi file yang harus tetap menggunakan namanya (mis. robots.txt) atau kemungkinan besar tidak akan berubah (mis. favicon).

Pelajari lebih lanjut tentang direktori static

File nuxt.config.js

File nuxt.config.js adalah satu titik konfigurasi untuk Nuxt.js. Jika Anda ingin menambahkan modul atau mengganti pengaturan default, ini adalah tempat untuk menerapkan perubahan.

Pelajari lebih lanjut tentang file nuxt.config.js

File package.json

File package.json berisi semua dependensi dan script untuk aplikasi Anda.

Lebih lanjut tentang struktur proyek

Ada lebih banyak direktori dan file yang berguna, termasuk content, layouts, middleware, modules, plugins dan store. Karena tidak diperlukan untuk aplikasi kecil, mereka tidak dibahas di sini.

Untuk mempelajari tentang semua direktori secara mendetail, silakan baca Dokumentasi Directory Structure.

Kontributor

Jumpa kesalahan atau ingin berkontribusi pada dokumentasi ini? Sunting halaman ini di GitHub!