Nginstal lan Konfigurasi Nuxt.js Proyek
Instal Node.js
Priksa manawa sampeyan wis diinstal Node.js ing komputer. Sampeyan bisa ndownload versi paling anyar saka situs web Node.js resmi.
Instal Vue CLI
Bukak Terminal utawa Command Prompt lan jalanake printah ing ngisor iki kanggo nginstal Vue CLI(yen durung diinstal):
npm install -g vue-cli
Nggawe Nuxt.js Proyek
Ing Terminal, navigasi menyang direktori ing ngendi sampeyan pengin nggawe proyek lan jalanake perintah ing ngisor iki kanggo nggawe proyek Nuxt.js:
vue init nuxt-community/starter-template my-nuxt-project
Konfigurasi Proyek
Tindakake pituduh ing Terminal kanggo ngatur proyek sampeyan. Sampeyan bisa milih macem-macem opsi kanggo proyek sampeyan, kayata nggunakake ESLint, nginstal Axios, lsp.
Nggawe kaca pisanan lan nampilake isi dhasar:
Bukak Direktori Proyek
Bukak Terminal lan navigasi menyang direktori proyek nggunakake printah cd my-nuxt-project
(utawa jeneng folder sing sampeyan pilih).
Nggawe Kaca Anyar
Gunakake Vue CLI kanggo ngasilake kaca anyar kanthi printah ing ngisor iki:
npx vue-cli-service generate page mypage
Sunting Kaca Anyar
Bukak mypage.vue
file ing pages
direktori lan sunting isi kaca. Sampeyan bisa nambah HTML, komponen Vue, lan data.
Tampilake Kaca
Ing layouts/default.vue
file, sampeyan bisa nggunakake <nuxt/>
tag kanggo nampilake isi kaca.
Jalanake Proyek
Ing Terminal, jalanake printah ing ngisor iki kanggo miwiti proyek lan ndeleng kaca sampeyan ing browser:
npm run dev
Saiki sampeyan duwe kaca pisanan ing Nuxt.js proyek kasebut lan bisa ngatur isi kaya sing dikarepake.