Memasang dan Mengkonfigurasi Nuxt.js Projek
Pasang Node.js
Pastikan anda memasang Node.js pada komputer anda. Anda boleh memuat turun versi terkini daripada tapak web rasmi Node.js.
Pasang Vue CLI
Buka Terminal atau Command Prompt dan jalankan arahan berikut untuk memasang Vue CLI(jika belum dipasang):
npm install -g vue-cli
Buat Nuxt.js Projek
Dalam Terminal, navigasi ke direktori tempat anda ingin mencipta projek anda dan jalankan arahan berikut untuk mencipta projek Nuxt.js:
vue init nuxt-community/starter-template my-nuxt-project
Konfigurasi Projek
Ikut gesaan dalam Terminal untuk mengkonfigurasi projek anda. Anda boleh memilih pelbagai pilihan untuk projek anda, seperti menggunakan ESLint, memasang Axios, dsb.
Mencipta Halaman Pertama dan Memaparkan Kandungan Asas:
Buka Direktori Projek
Buka anda Terminal dan navigasi ke direktori projek menggunakan arahan cd my-nuxt-project(atau nama folder yang anda pilih).
Buat Halaman Baharu
Gunakan Vue CLI untuk menjana halaman baharu dengan arahan berikut:
npx vue-cli-service generate page mypage
Edit Halaman Baharu
Buka mypage.vue fail dalam pages direktori dan edit kandungan halaman. Anda boleh menambah HTML, komponen Vue dan data.
Paparkan Halaman
Dalam layouts/default.vue fail, anda boleh menggunakan <nuxt/> teg untuk memaparkan kandungan halaman.
Jalankan Projek
Dalam Terminal, jalankan arahan berikut untuk memulakan projek dan lihat halaman anda dalam penyemak imbas:
npm run dev
Kini anda mempunyai halaman pertama anda dalam Nuxt.js projek dan boleh menyesuaikan kandungan seperti yang dikehendaki.