Instalowanie i konfigurowanie Nuxt.js projektu
Zainstaluj Node.js
Upewnij się, że masz zainstalowany Node.js na swoim komputerze. Możesz pobrać najnowszą wersję z oficjalnej strony Node.js.
Zainstaluj Vue CLI
Otwórz Terminal lub Command Prompt i uruchom następujące polecenie, aby zainstalować Vue CLI(jeśli jeszcze nie jest zainstalowane):
npm install -g vue-cli
Utwórz Nuxt.js projekt
W programie Terminal przejdź do katalogu, w którym chcesz utworzyć projekt, i uruchom następujące polecenie, aby utworzyć projekt Nuxt.js:
vue init nuxt-community/starter-template my-nuxt-project
Konfiguracja projektu
Postępuj zgodnie z monitami w celu Terminal skonfigurowania projektu. Możesz wybrać różne opcje dla swojego projektu, takie jak użycie ESLint, instalacja Axios, itp.
Tworzenie pierwszej strony i wyświetlanie podstawowej zawartości:
Otwórz katalog projektów
Otwórz swój Terminal i przejdź do katalogu projektu za pomocą polecenia cd my-nuxt-project(lub wybranej nazwy folderu).
Utwórz nową stronę
Użyj Vue CLI, aby wygenerować nową stronę za pomocą następującego polecenia:
npx vue-cli-service generate page mypage
Edytuj nową stronę
Otwórz mypage.vue plik w pages katalogu i edytuj zawartość strony. Możesz dodać HTML, komponenty Vue i dane.
Wyświetl stronę
W layouts/default.vue pliku możesz użyć <nuxt/> znacznika do wyświetlenia zawartości strony.
Uruchom projekt
W programie Terminal uruchom następujące polecenie, aby rozpocząć projekt i wyświetlić stronę w przeglądarce:
npm run dev
Teraz masz już swoją pierwszą stronę w Nuxt.js projekcie i możesz dostosować zawartość do swoich potrzeb.