Vue.js-ის ინსტალაციისთვის შეგიძლიათ მიჰყვეთ ქვემოთ მოცემულ ნაბიჯებს:
ნაბიჯი 1: შექმენით ახალი დირექტორია თქვენი პროექტისთვის და გახსენით ტერმინალი ამ დირექტორიაში.
ნაბიჯი 2: გამოიყენეთ npm Vue CLI(Command Line Interface) დასაყენებლად შემდეგი ბრძანების გაშვებით:
ნაბიჯი 3: წარმატებული ინსტალაციის შემდეგ, შეგიძლიათ შექმნათ ახალი Vue პროექტი შემდეგი ბრძანების გამოყენებით:
ნაბიჯი 4: აირჩიეთ თქვენი პროექტის კონფიგურაციის ვარიანტები, მათ შორის Babel, ESLint და CSS წინასწარი პროცესორების დაყენება(სურვილისამებრ).
ნაბიჯი 5: პროექტის შექმნის პროცესის დასრულების შემდეგ, გადადით პროექტის დირექტორიაში ბრძანების გამოყენებით:
ნაბიჯი 6: გაუშვით შემდეგი ბრძანება Vue პროექტის დასაწყებად:
გაშვების პროცესის დასრულების შემდეგ, ბრაუზერში თქვენს Vue აპლიკაციაზე წვდომის URL იხილავთ.
Vue.js-ის მარტივი მაგალითი:
მოდით შევქმნათ ახალი HTML ფაილი და დავასახელოთ index.html
`. ამ ფაილში დაამატეთ შემდეგი კოდი:
ამ მაგალითში ჩვენ შევქმენით მარტივი Vue აპლიკაცია ტეგით h1
და ღილაკით. როდესაც დააჭირეთ ღილაკს, შეტყობინება შეიცვლება.
შეინახეთ index.html
ფაილი და გახსენით ბრაუზერში. თქვენ იხილავთ საწყის შეტყობინებას, როგორც "Hello Vue.js!". ღილაკზე დაწკაპუნებისას, შეტყობინება შეიცვლება "მესიჯი წარმატებით შეიცვალა!".
ეს მხოლოდ მარტივი მაგალითია Vue.js-ის დასაწყებად. თქვენ შეგიძლიათ შეისწავლოთ Vue.js-ის მრავალი სხვა ფუნქცია და ძლიერი შესაძლებლობები თქვენი აპლიკაციების შემუშავებისას.