Kuweka na Kusanidi Nuxt.js Mradi
Sakinisha Node.js
Hakikisha kuwa umesakinisha Node.js kwenye kompyuta yako. Unaweza kupakua toleo jipya zaidi kutoka kwa tovuti rasmi ya Node.js.
Sakinisha Vue CLI
Fungua yako Terminal au Command Prompt na uendesha amri ifuatayo ili kusakinisha Vue CLI(ikiwa haijasanikishwa tayari):
npm install -g vue-cli
Unda Nuxt.js Mradi
Kwenye Terminal, nenda kwenye saraka ambapo unataka kuunda mradi wako na endesha amri ifuatayo kuunda mradi Nuxt.js:
vue init nuxt-community/starter-template my-nuxt-project
Usanidi wa Mradi
Fuata madokezo katika faili Terminal ili kusanidi mradi wako. Unaweza kuchagua chaguo mbalimbali za mradi wako, kama vile kutumia ESLint, kusakinisha Axios, n.k.
Kuunda Ukurasa wa Kwanza na Kuonyesha Yaliyomo Msingi:
Fungua Saraka ya Mradi
Fungua yako Terminal na uende kwenye saraka ya mradi kwa kutumia amri cd my-nuxt-project(au jina la folda ulilochagua).
Unda Ukurasa Mpya
Tumia Vue CLI kutoa ukurasa mpya na amri ifuatayo:
npx vue-cli-service generate page mypage
Hariri Ukurasa Mpya
Fungua mypage.vue faili kwenye pages saraka na uhariri yaliyomo kwenye ukurasa. Unaweza kuongeza HTML, vijenzi vya Vue na data.
Onyesha Ukurasa
Katika layouts/default.vue faili, unaweza kutumia <nuxt/> lebo ili kuonyesha maudhui ya ukurasa.
Endesha Mradi
Katika Terminal, endesha amri ifuatayo ili kuanza mradi na kutazama ukurasa wako kwenye kivinjari:
npm run dev
Sasa una ukurasa wako wa kwanza katika Nuxt.js mradi na unaweza kubinafsisha yaliyomo kama unavyotaka.