Nuxt.js Projekt telepítése és konfigurálása
Telepítse a Node.js-t
Győződjön meg arról, hogy a Node.js telepítve van a számítógépén. A legújabb verziót letöltheti a hivatalos Node.js webhelyről.
Telepítse a Vue CLI-t
Nyissa meg a Terminal vagy Command Prompt a következő parancsot a Vue CLI telepítéséhez(ha még nincs telepítve):
npm install -g vue-cli
Hozzon létre egy Nuxt.js projektet
A mappában Terminal keresse meg azt a könyvtárat, ahol létre szeretné hozni a projektet, és futtassa a következő parancsot a Nuxt.js projekt létrehozásához:
vue init nuxt-community/starter-template my-nuxt-project
Projekt konfiguráció
Kövesse az utasításokat a Terminal projekt konfigurálásához. Különféle lehetőségek közül választhat a projekthez, például az ESLint használata, a telepítés Axios stb.
Az első oldal létrehozása és az alapvető tartalom megjelenítése:
Projektkönyvtár megnyitása
Nyissa meg Terminal, és navigáljon a projektkönyvtárba a paranccsal cd my-nuxt-project(vagy a választott mappanévvel).
Hozzon létre egy új oldalt
Használja a Vue CLI-t egy új oldal létrehozásához a következő paranccsal:
npx vue-cli-service generate page mypage
Szerkessze az Új oldalt
Nyissa meg a mypage.vue fájlt a könyvtárban pages, és szerkessze az oldal tartalmát. Hozzáadhat HTML-t, Vue-összetevőket és adatokat.
Jelenítse meg az oldalt
A fájlban layouts/default.vue a címke segítségével megjelenítheti <nuxt/> az oldal tartalmát.
Futtassa a Projektet
A projektben Terminal futtassa a következő parancsot a projekt elindításához és az oldal megtekintéséhez a böngészőben:
npm run dev
Most már megvan az első oldala a projektben Nuxt.js, és tetszés szerint testreszabhatja a tartalmat.