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