Kao programer, razumijevanje važnosti robusnog razvojnog okruženja je ključno za efikasan i djelotvoran rad. Ovo je razlog da iskoristimo priliku da razgovaramo o jednom od najkorisnijih alata za kreiranje Vue.js projekata, Vue alatu komandne linije, Vue CLI. Evo opsežnog vodiča korak po korak koji prati proces instalacije i koristi Vue CLI.
Vue CLI ima za cilj da bude standardna osnova alata za Vue ekosistem. Osigurava da različiti alati za pravljenje neometano rade zajedno sa razumnim zadanim postavkama i pruža robusno i ergonomsko iskustvo programera.
Instalacija Vue CLI
Instalacija Vue CLI može se podijeliti u dva glavna koraka. Prvo, da provjerite da li je vaše okruženje ispravno postavljeno i drugo, stvarni korak instalacije.
Prije svega, uvjerimo se da imate Node.js i npm instalirane u vašem sistemu. Verzije koje su vam potrebne su Node.js (8.9 ili noviji) i npm (6.0 ili noviji). Evo naredbe za provjeru ovih:
node -v npm -v
Ako ih još nemate, samo naprijed i instalirajte Node.js koji dolazi zajedno s npm-om.
Prelazeći na stvarnu instalaciju Vue CLI, otvorite svoj terminal ili komandnu liniju i unesite sljedeću naredbu:
npm install -g @vue/cli
Ova komanda će instalirati Vue CLI globalno na vaš računar, -g je skraćenica za global.
Kreiranje projekta pomoću Vue CLI
Nakon uspješne instalacije Vue CLI, kreiranje vašeg Vue.js projekta postaje prilično jednostavno. Za pokretanje novog projekta pokrenite sljedeću naredbu:
vue create my-project
Zamijenite my-project imenom koje želite za svoj projekat. Ovo će kreirati novi direktorij u vašoj trenutnoj putanji i postaviti projekt unutar njega.
Vue CLI UI
Vue CLI takođe nudi grafičko sučelje za kreiranje i upravljanje vašim projektima. Ovo se može pokrenuti sljedećom komandom:
vue ui
Ovo će otvoriti novi prozor u vašem zadanom web pretraživaču u kojem možete kreirati nove projekte i upravljati postojećim.
Kada kreirate projekat, bilo iz komandne linije ili iz grafičkog interfejsa, biće vam ponuđeno da izaberete između dva unapred podešena podešavanja: podrazumevanog, koji uključuje skup optimalnih opcija za brzi početak, i ručnog, koji omogućava možete fino podesiti svoje preferencije.
U zaključku, Vue CLI je vrlo koristan alat i mora ga imati svaki Vue.js programer. Štedi vrijeme tokom razvoja tako što unaprijed konfigurira postavke projekta, a njegova priroda laka za korištenje čini Vue.js pristupačnijim okvirom za početnike.
