Vue CLI ir standarta instrumentu bāzes līnija Vue ekosistēmai, kas nodrošina ātru prototipu izveidi bez konfigurācijas un uz izpildlaiku balstītu izstrādes pieredzi. "vue-cli-service" ir attīstības atkarība Vue CLI projektā, ko raksturo kā projekta izpildlaika atkarību. Tas tiek iesaiņots '@vue/cli-service' un tiek automātiski instalēts katrā jaunajā Vue.js projektā.
Lai sniegtu jums detalizētus norādījumus par `vue-cli-service' lietošanu, mēs veiksim vienkāršas Vue.js lietojumprogrammas izveides procesu, izmantojot Vue CLI.
Pirmkārt, parunāsim par uzstādīšanu. Ja Vue CLI vēl nav instalēts jūsu datorā, varat to izdarīt, izpildot šo komandu terminālī:
npm install -g @vue/cli
Kad Vue CLI ir instalēts, varat izveidot jaunu Vue.js lietojumprogrammu, izmantojot tālāk norādīto komandu:
vue create my-app
Iepriekš minētā komanda izveido jaunu Vue.js lietojumprogrammu ar nosaukumu "mana lietotne".
Izmantojot Vue-CLI pakalpojumu
Projektā “mana lietotne” ir iekļauts fails “package.json”. Šajā failā ir vairāki skripti, kas izmanto `vue-cli-service`. Piemēram:
- npm palaist servi
- npm palaist būvēt
- npm palaist lint
Apspriedīsim katru no tiem:
npm palaist servi
Šī komanda apkopo un karsti atkārtoti ielādē lietojumprogrammu izstrādei. Tas tiek darīts, palaižot vue-cli-service komandu "serve".
"serve": "vue-cli-service serve",
npm palaist būvēt
Šī komanda apkopo un samazina lietojumprogrammu ražošanai. Tas tiek panākts, izmantojot vue-cli-service komandu "build".
"build": "vue-cli-service build",
;
npm palaist lint
Šī komanda savieno un labo jūsu projekta failus. Tas izmanto vue-cli-service komandu "lint".
"lint": "vue-cli-service lint",
Izmantojot šīs komandas, jūs efektīvi izmantojat `vue-cli-service', lai pārvaldītu savu Vue.js projektu.
Vue CLI spraudņi
Aizraujoša Vue CLI daļa ir vue-cli-spraudņi. Šie spraudņi bieži pievieno jūsu projektam globālas funkcijas, piemēram, iebūvēto Babel vai ESLint. Spraudņi var modificēt iekšējās tīmekļa pakotnes konfigurāciju un ievadīt komandas 'vue-cli-service'.
Šeit ir piemērs, kā instalēt un izsaukt spraudni:
vue add @vue/cli-plugin-babel
Iepriekš minētā komanda instalē babel spraudni jūsu projektā.
Noslēgumā jāsaka, ka Vue CLI un `vue-cli-service` ievērojami optimizē un vienkāršo Vue.js lietojumprogrammu izstrādes procesu. Tie nodrošina stabilu sākumpunktu gan iesācējiem, gan pieredzējušiem izstrādātājiem.
