Instalarea și configurarea unui Nuxt.js proiect
Instalați Node.js
Asigurați-vă că aveți Node.js instalat pe computer. Puteți descărca cea mai recentă versiune de pe site-ul oficial Node.js.
Instalați Vue CLI
Deschideți Terminal sau Command Prompt și rulați următoarea comandă pentru a instala Vue CLI(dacă nu este deja instalat):
npm install -g vue-cli
Creați un Nuxt.js proiect
În Terminal, navigați la directorul în care doriți să vă creați proiectul și rulați următoarea comandă pentru a crea un Nuxt.js proiect:
vue init nuxt-community/starter-template my-nuxt-project
Configurarea proiectului
Urmați instrucțiunile din pentru Terminal a vă configura proiectul. Puteți alege diverse opțiuni pentru proiectul dvs., cum ar fi utilizarea ESLint, instalarea Axios etc.
Crearea primei pagini și afișarea conținutului de bază:
Deschide Project Directory
Deschideți-vă Terminal și navigați la directorul proiectului folosind comanda cd my-nuxt-project(sau numele folderului pe care l-ați ales).
Creați o pagină nouă
Utilizați Vue CLI pentru a genera o nouă pagină cu următoarea comandă:
npx vue-cli-service generate page mypage
Editați pagina nouă
Deschideți mypage.vue fișierul din pages director și editați conținutul paginii. Puteți adăuga HTML, componente Vue și date.
Afișează Pagina
În layouts/default.vue fișier, puteți folosi <nuxt/> eticheta pentru a afișa conținutul paginii.
Rulați proiectul
În Terminal, rulați următoarea comandă pentru a porni proiectul și pentru a vizualiza pagina dvs. în browser:
npm run dev
Acum aveți prima pagină din Nuxt.js proiect și puteți personaliza conținutul după cum doriți.