Vue CLI je standardna osnova alata za Vue ekosistem, pružajući brzu izradu prototipa bez konfiguracije i razvojno iskustvo vođeno tokom rada. `vue-cli-service` je razvojna ovisnost u Vue CLI projektu, okarakterizirana kao ovisnost o vremenu izvođenja projekta. Dolazi upakovan u `@vue/cli-service` i automatski se instalira sa svakim novim Vue.js projektom.
Da bismo vam dali vodič korak po korak o tome kako koristiti `vue-cli-service`, proći ćemo kroz proces kreiranja jednostavne Vue.js aplikacije koristeći Vue CLI.
Prvo, razgovarajmo o instalaciji. Ako Vue CLI već nije instaliran na vašem računaru, to možete učiniti tako što ćete pokrenuti ovu naredbu u vašem terminalu:
npm install -g @vue/cli
Kada se Vue CLI instalira, možete kreirati novu Vue.js aplikaciju koristeći naredbu ispod:
vue create my-app
Gornja naredba kreira novu Vue.js aplikaciju pod nazivom `my-app`.
Korištenje Vue-CLI-Service
Projekat `my-app` uključuje datoteku `package.json`. Ova datoteka sadrži nekoliko skripti koje koriste `vue-cli-service`. Na primjer:
- npm run servis
- npm run build
- npm run lint
Hajde da razgovaramo o svakom od njih:
npm run servis
Ova naredba kompajlira i ponovo učitava aplikaciju za razvoj. To radi pokretanjem naredbe `serve` za `vue-cli-service`.
"serve": "vue-cli-service serve",
npm run build
Ova naredba kompilira i minimizira aplikaciju za proizvodnju. To postiže naredbom `build` od `vue-cli-service`.
"build": "vue-cli-service build",
;
npm run lint
Ova naredba povezuje i popravlja datoteke u vašem projektu. Koristi naredbu `lint` od `vue-cli-service`.
"lint": "vue-cli-service lint",
Sa ovim komandama, efikasno koristite `vue-cli-service` za upravljanje vašim Vue.js projektom.
Vue CLI dodaci
Uzbudljiv dio Vue CLI-a su vue-cli-plugins. Ovi dodaci često dodaju globalne karakteristike vašem projektu, kao što su ugrađeni Babel ili ESLint. Dodaci mogu modificirati internu konfiguraciju web paketa i ubaciti komande u `vue-cli-service`.
Evo primjera kako instalirati i pozvati dodatak:
vue add @vue/cli-plugin-babel
Gornja komanda instalira dodatak babel u vaš projekat.
U zaključku, Vue CLI i `vue-cli-service` značajno optimizuju i pojednostavljuju proces razvoja Vue.js aplikacija. Oni pružaju solidnu polaznu tačku i za početnike i za iskusne programere.
