Menginstal dan Mengonfigurasi Nuxt.js Proyek
Instal Node.js
Pastikan Anda telah menginstal Node.js di komputer Anda. Anda dapat mengunduh versi terbaru dari situs web resmi Node.js.
Instal Vue CLI
Buka Terminal atau Command Prompt dan jalankan perintah berikut untuk menginstal Vue CLI(jika belum diinstal):
npm install -g vue-cli
Buat Nuxt.js Proyek
Di Terminal, navigasikan ke direktori tempat Anda ingin membuat proyek dan jalankan perintah berikut untuk membuat proyek Nuxt.js:
vue init nuxt-community/starter-template my-nuxt-project
Konfigurasi Proyek
Ikuti petunjuk di Terminal untuk mengonfigurasi proyek Anda. Anda dapat memilih berbagai opsi untuk proyek Anda, seperti menggunakan ESLint, menginstal Axios, dll.
Membuat Halaman Pertama dan Menampilkan Konten Dasar:
Buka Direktori Proyek
Buka Anda Terminal dan navigasikan ke direktori proyek menggunakan perintah cd my-nuxt-project(atau nama folder yang Anda pilih).
Buat Halaman Baru
Gunakan Vue CLI untuk menghasilkan halaman baru dengan perintah berikut:
npx vue-cli-service generate page mypage
Edit Halaman Baru
Buka mypage.vue file di pages direktori dan edit konten halaman. Anda dapat menambahkan HTML, komponen Vue, dan data.
Tampilkan Halaman
Di dalam layouts/default.vue file, Anda dapat menggunakan <nuxt/> tag untuk menampilkan konten halaman.
Jalankan Proyek
Di Terminal, jalankan perintah berikut untuk memulai proyek dan melihat halaman Anda di browser:
npm run dev
Sekarang Anda memiliki halaman pertama dalam Nuxt.js proyek dan dapat menyesuaikan konten sesuai keinginan.