Početak razvoja u Vue.js u početku može izgledati neodoljivo, ali fleksibilnost koju nudi je neosporno impresivna i svakako je vrijedna truda. Jedna od mnogih sloboda koje daje je mogućnost pokretanja projekta na različitim portovima. Ovo može biti od suštinskog značaja u različitim scenarijima, kao što je kada razvijate više projekata istovremeno i želite da ih hostujete lokalno, ili ako je podrazumevani port već u upotrebi.
Zašto pokrenuti Vue.js projekat na drugom portu?
Izražavanje Vue.js projekta na zasebnom portu je korisno i često obavezno ako radite na više od jednog razvojnog projekta u isto vrijeme. Pokretanje svih njih na jednom portu nije izvodljivo zbog načina na koji portovi rade. Svaka aplikacija treba da registruje jedinstveni port za slušanje i obradu dolaznih zahteva, pa stoga pokretanje Vue.js projekta na drugom portu omogućava paralelni razvoj bez problema sa preklapanjem.
Rješenje za pokretanje Vue.js projekta na drugom portu
Najbrži način da pokrenete svoj Vue.js projekat na drugom portu je modifikovanje datoteke package.json. To je JSON datoteka na osnovnom nivou direktorija vašeg projekta koja sadrži metapodatke o vašem projektu i skripte za pokretanje projekta.
"scripts": {
"serve": "vue-cli-service serve --port your_port_number",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
U gornjem primjeru, zamijenite 'your_port_number' brojem porta koji želite koristiti za projekat. Kada izvršite 'npm run serve', vaša Vue.js aplikacija će sada raditi na vašem navedenom portu.
Razumijevanje naredbi npm i Vue CLI
JavaScript menadžer paketa, npm, odgovoran je za upravljanje projektnim zavisnostima u Node.js aplikacijama. Preko npm-a možemo lako upravljati projektnim ovisnostima, skriptama, verzijama i tako dalje. 'Serve' je npm skripta koja često pokreće lokalni razvojni server.
Vue CLI je interfejs komandne linije za Vue.js koji obezbeđuje standardizovanu projektnu skelu za savremeni front-end razvoj. Uključuje grafičko sučelje za postavljanje i upravljanje projektima i skup unaprijed konfiguriranih razvojnih alata kao što su Babel, PostCSS i webpack. Također vam omogućava da odaberete port za lokalno pokretanje vašeg projekta.
Slično, 'vue-cli-service serve' je naredba za posluživanje Vue.js aplikacije u razvojnom okruženju sa mogućnošću ponovnog učitavanja, što znači da ažurira pretraživač kako i kada sačuvate promjene u vašem kodu.
Za korisnike koji napreduju sa zahtjevnim projektnim zahtjevima, vjeruje se da je Vue.js nevjerovatan izbor koji nudi fleksibilnost i snagu u jednakim dijelovima. Sloboda postavljanja vlastitog porta omogućava precizniju kontrolu nad postavkom lokalnog razvoja vašeg projekta.
