Nuxt.js Projektin asennus ja konfigurointi
Asenna Node.js
Varmista, että tietokoneellesi on asennettu Node.js. Voit ladata uusimman version viralliselta Node.js-sivustolta.
Asenna Vue CLI
Avaa Terminal tai Command Prompt ja suorita seuraava komento asentaaksesi Vue CLI(jos sitä ei ole vielä asennettu):
npm install -g vue-cli
Luo Nuxt.js projekti
Siirry hakemistossa Terminal hakemistoon, johon haluat luoda projektin, ja luo projekti suorittamalla seuraava komento Nuxt.js:
vue init nuxt-community/starter-template my-nuxt-project
Projektin konfigurointi
Terminal Määritä projektisi noudattamalla ohjeita. Voit valita projektillesi useita vaihtoehtoja, kuten ESLintin käytön, asennuksen Axios jne.
Ensimmäisen sivun luominen ja perussisällön näyttäminen:
Avaa projektihakemisto
Avaa Terminal ja siirry projektihakemistoon komennolla cd my-nuxt-project(tai valitsemallasi kansion nimellä).
Luo uusi sivu
Käytä Vue CLI:tä luodaksesi uuden sivun seuraavalla komennolla:
npx vue-cli-service generate page mypage
Muokkaa uutta sivua
Avaa mypage.vue tiedosto hakemistossa pages ja muokkaa sivun sisältöä. Voit lisätä HTML-koodia, Vue-komponentteja ja dataa.
Näytä sivu
Tiedostossa layouts/default.vue voit käyttää tagia <nuxt/> sivun sisällön näyttämiseen.
Suorita projekti
Käynnistä Terminal projekti ja katso sivuasi selaimessa suorittamalla seuraava komento:
npm run dev
Nyt sinulla on ensimmäinen sivusi projektissa Nuxt.js ja voit muokata sisältöä haluamallasi tavalla.