Šajā apmācībā mēs nodrošināsim vienkāršu procesu pa solim, lai palīdzētu jums sākt darbu ar Vue.js. Vue.js ir spēcīgs, progresīvs, reaģējošs JavaScript ietvars, kas ir pieejams un viegli iemācāms. Tas nodrošina daudz dažādu rīku un bibliotēku, kas atvieglo lietojumprogrammu izstrādes procesu. Ja jums ir zināšanas par HTML, CSS un JavaScript, varat sākt veidot tīmekļa lietojumprogrammas, izmantojot Vue.js nav laika.
Uzstādīšana
Lai integrētu Vue.js projektā varat izmantot CDN pakotni, NPM vai CLI.
Izmantojot CDN paketi
Ja vēlaties sākt mācīties Vue.js, tad vislabāk ir izmantot CDN pakotni. Lai sāktu, projektā varat vienkārši pievienot šādu skripta tagu.
Tomēr šī metode nav ieteicama ražošanas vajadzībām, jo nākotnē tā var radīt problēmas ar saderību.
Izmantojot NPM
Liela apjoma ražošanas lietojumprogrammām jāinstalē Vue.js, izmantojot NPM. Lai izmantotu šo metodi, jums ir jābūt mezglam.js instalēts jūsu mašīnā. Ja neesat instalējis mezglu.js, jūs to varat uzzināt, izlasot mūsu rakstu Kā instalēt mezglu.js un npm Ubuntu 20.04 - Linux padoms. Ja esat jau instalējis mezglu.js, tad jūs varat instalēt Vue.js, izpildot šādu NPM komandu savā terminālā
# jaunākais stabils$ npm instalēt vue @ next
Izmantojot CLI
Vue CLI ir pilnīga Vue pakete.js attīstība. CLI tiek instalēts visā pasaulē, izmantojot NPM pakotņu pārvaldnieku. Pirms Vue instalēšanas.js izmantojot Vue CLI metodi, jums ir jābūt zināmām priekšzināšanām par mezglu.js un priekšgala veidošanas rīki. Turklāt mēs varam izmantot vai nu npm vai dzija paku pārvaldnieks.
$ sudo dzijas globālā pievienošana @ vue / cli# VAI
$ sudo npm install -g @ vue / cli
Pēc jaunākās Vue versijas instalēšanas.Izmantojot Vue CLI, jūs varat viegli uzlabot savus projektus. Lai pārbaudītu savu Vue versiju.js, jūs varat palaist šādu komandu
vue --versija
Ja vēlaties jaunināt uz jaunāko stabilo Vue versiju.js, varat izmantot šo komandu Vue CLI.
$ sudo dzijas globālais jauninājums - jaunākais @ vue / cli# VAI
$ sudo npm atjauninājums -g @ vue / cli
Darba sākšana ar Vue.js
Lai sāktu darbu ar Vue.js, lai izveidotu projektu, izmantojot Vue CLI, izmantojot šādu komandu.
vue izveidot demonstrācijas lietotniPēc šīs komandas izpildes jums tiks lūgts izvēlēties sākotnējo iestatījumu.
Varat izvēlēties noklusējuma funkciju vai pievienot pielāgotas funkcijas. Varat arī izmantot GUI metodi, lai izveidotu Vue projektu, izmantojot šo komandu.
vue uiŠī komanda pārlūkprogrammā atvērs logu, kas palīdzēs jums izveidot projektu.
Kopsavilkums
Šajā rakstā mēs parādījām, kā instalēt Vue.js, izmantojot trīs dažādas metodes. Pēc Vue instalēšanas.js, jūs varat efektīvi pārvaldīt savu tīmekļa lietojumprogrammu. Ja vēlaties sākt lietot Vue.js uzreiz, varat izmantot CDN pakotnes metodi. Tomēr ražošanas vajadzībām jums jāizmanto vai nu NPM metode, vai CLI metode.
Lai uzzinātu vairāk par Vue.js, jūs varat apmeklēt oficiālo vietni šeit: Vue.js.