Miwiti Nuxt.js: Instalasi, Konfigurasi lan Kaca Kapisan

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.