Installazzjoni u Konfigurazzjoni ta' Nuxt.js Proġett
Installa Node.js
Kun żgur li għandek Node.js installat fuq il-kompjuter tiegħek. Tista' tniżżel l-aħħar verżjoni mill-websajt uffiċjali ta' Node.js.
Installa Vue CLI
Iftaħ tiegħek Terminal jew Command Prompt u mexxi l-kmand li ġej biex tinstalla Vue CLI(jekk mhux diġà installat):
npm install -g vue-cli
Oħloq Nuxt.js Proġett
Fil- Terminal, innaviga lejn id-direttorju fejn trid toħloq il-proġett tiegħek u mexxi l-kmand li ġej biex toħloq proġett Nuxt.js:
vue init nuxt-community/starter-template my-nuxt-project
Konfigurazzjoni tal-Proġett
Segwi l-istruzzjonijiet fil- Terminal biex tikkonfigura l-proġett tiegħek. Tista' tagħżel diversi għażliet għall-proġett tiegħek, bħall-użu ta' ESLint, l-installazzjoni Axios, eċċ.
Il-ħolqien tal-Ewwel Paġna u l-Wiri tal-Kontenut Bażiku:
Iftaħ Direttorju tal-Proġett
Iftaħ tiegħek Terminal u naviga fid-direttorju tal-proġett billi tuża l-kmand cd my-nuxt-project(jew l-isem tal-folder li għażilt).
Oħloq Paġna Ġdida
Uża l-Vue CLI biex tiġġenera paġna ġdida bil-kmand li ġej:
npx vue-cli-service generate page mypage
Editja l-Paġna l-Ġdida
Iftaħ il- mypage.vue fajl fid- pages direttorju u editja l-kontenut tal-paġna. Tista 'żżid HTML, komponenti Vue, u data.
Uri l-Paġna
Fil- layouts/default.vue fajl, tista 'tuża t- <nuxt/> tikketta biex turi l-kontenut tal-paġna.
Mexxi l-Proġett
Fil- Terminal, mexxi l-kmand li ġej biex tibda l-proġett u tara l-paġna tiegħek fil-browser:
npm run dev
Issa għandek l-ewwel paġna tiegħek fil- Nuxt.js proġett u tista 'tippersonalizza l-kontenut kif mixtieq.