Nuxt.js პროექტის ინსტალაცია და კონფიგურაცია
დააინსტალირეთ Node.js
დარწმუნდით, რომ Node.js გაქვთ დაინსტალირებული თქვენს კომპიუტერში. შეგიძლიათ ჩამოტვირთოთ უახლესი ვერსია ოფიციალური Node.js ვებსაიტიდან.
დააინსტალირეთ Vue CLI
გახსენით თქვენი Terminal ან Command Prompt და გაუშვით შემდეგი ბრძანება Vue CLI-ის დასაყენებლად(თუ უკვე არ არის დაინსტალირებული):
npm install -g vue-cli
შექმენით Nuxt.js პროექტი
ში Terminal, გადადით დირექტორიაში, სადაც გსურთ შექმნათ თქვენი პროექტი და გაუშვით შემდეგი ბრძანება პროექტის შესაქმნელად Nuxt.js:
vue init nuxt-community/starter-template my-nuxt-project
პროექტის კონფიგურაცია
მიჰყევით მოთხოვნებს Terminal თქვენი პროექტის კონფიგურაციისთვის. თქვენ შეგიძლიათ აირჩიოთ სხვადასხვა ვარიანტი თქვენი პროექტისთვის, როგორიცაა ESLint-ის გამოყენება, ინსტალაცია Axios და ა.შ.
პირველი გვერდის შექმნა და ძირითადი შინაარსის ჩვენება:
გახსენით პროექტის დირექტორია
გახსენით თქვენი Terminal და გადადით პროექტის დირექტორიაში ბრძანების გამოყენებით cd my-nuxt-project(ან თქვენ მიერ არჩეული საქაღალდის სახელი).
შექმენით ახალი გვერდი
გამოიყენეთ Vue CLI ახალი გვერდის შესაქმნელად შემდეგი ბრძანებით:
npx vue-cli-service generate page mypage
ახალი გვერდის რედაქტირება
გახსენით mypage.vue ფაილი დირექტორიაში pages და შეცვალეთ გვერდის შინაარსი. შეგიძლიათ დაამატოთ HTML, Vue კომპონენტები და მონაცემები.
გვერდის ჩვენება
ფაილში layouts/default.vue შეგიძლიათ გამოიყენოთ <nuxt/> ტეგი გვერდის შინაარსის საჩვენებლად.
გაუშვით პროექტი
პროგრამაში Terminal გაუშვით შემდეგი ბრძანება პროექტის დასაწყებად და ბრაუზერში თქვენი გვერდის სანახავად:
npm run dev
ახლა თქვენ გაქვთ თქვენი პირველი გვერდი პროექტში Nuxt.js და შეგიძლიათ კონტენტის მორგება სურვილისამებრ.