Šioje pamokoje pateiksime paprastą žingsnis po žingsnio procesą, kuris padės jums pradėti naudotis „Vue“.js. Vue.„js“ yra galinga, progresyvi, reaktyvi „JavaScript“ sistema, prieinama ir lengvai išmokstama. Tai suteikia daug įvairių įrankių ir bibliotekų, kurios palengvina programų kūrimo procesą. Jei turite žinių apie HTML, CSS ir „JavaScript“, galite pradėti kurti žiniatinklio programas naudodami „Vue“.js netrukus.
Montavimas
Norėdami integruoti „Vue“.Js į projektą galite naudoti CDN paketą, NPM arba CLI.
CDN paketo naudojimas
Jei norite pradėti mokytis „Vue“.js, tada geriausia naudoti CDN paketą. Norėdami pradėti, galite tiesiog pridėti šią scenarijaus žymą į savo projektą.
Tačiau šis metodas nerekomenduojamas gamybos tikslais, nes ateityje gali kilti suderinamumo problemų.
Naudojant NPM
Didelio masto gamybinėms programoms turėtumėte įdiegti „Vue“.js naudojant NPM. Norėdami naudoti šį metodą, turite turėti mazgą.js įdiegta jūsų kompiuteryje. Jei neįdiegėte mazgo.JS dar galite sužinoti, kaip perskaityti mūsų straipsnį Kaip įdiegti mazgą.js ir npm „Ubuntu 20“.04 - „Linux“ patarimas. Jei jau įdiegėte mazgą.js, tada galite įdiegti „Vue“.js savo terminale vykdydami šią komandą NPM
# naujausias stabilus$ npm įdiegti „vue @ next“
Naudojant CLI
„Vue CLI“ yra visas „Vue“ paketas.js vystymas. CLI yra įdiegta visame pasaulyje naudojant NPM paketų tvarkyklę. Prieš diegdami „Vue“.Jei naudojate „Vue“ CLI metodą, turite turėti tam tikrų išankstinių žinių apie „Node“.js ir priekinės konstrukcijos įrankiai. Be to, mes galime naudoti bet kurį npm arba verpalai paketų tvarkyklė.
$ sudo verpalai globaliai pridėti @ vue / cli# ARBA
$ sudo npm install -g @ vue / cli
Įdiegę naujausią „Vue“ versiją.Naudodamiesi „Vue CLI“, galite lengvai atnaujinti savo projektus. Norėdami patikrinti savo „Vue“ versiją.js, galite paleisti šią komandą
vue - versija
Jei norite atnaujinti į naujausią stabilią „Vue“ versiją.js, galite naudoti šią „Vue“ CLI komandą.
$ sudo verpalų visuotinis atnaujinimas - naujausias @ vue / cli# ARBA
$ sudo npm atnaujinimas -g @ vue / cli
Darbo su „Vue“ pradžia.js
Norėdami pradėti naudotis „Vue“.js, norėdami sukurti projektą naudodami „Vue“ CLI naudodami šią komandą.
vue sukurti demonstracinę programąPaleidus šią komandą, jūsų bus paprašyta pasirinkti išankstinį nustatymą.
Galite pasirinkti numatytuosius nustatymus arba pridėti pasirinktinių funkcijų. GUI metodą taip pat galite naudoti norėdami sukurti „Vue“ projektą naudodami šią komandą.
vue uiŠi komanda atidarys langą naršyklėje, kuris padės jums sukurti projektą.
Santrauka
Šiame straipsnyje mes parodėme, kaip įdiegti „Vue“.js naudojant tris skirtingus metodus. Įdiegę „Vue“.js, galite efektyviai valdyti savo žiniatinklio programą. Jei norite pradėti naudoti „Vue“.Js iškart galite naudoti CDN paketo metodą. Tačiau gamybos tikslais turėtumėte naudoti arba NPM metodą, arba CLI metodą.
Norėdami sužinoti daugiau apie „Vue“.js, galite apsilankyti oficialioje svetainėje čia: Vue.js.