Vue CLI je standardní nástrojová základna pro ekosystém Vue, která poskytuje rychlé prototypování s nulovou konfigurací a běhové prostředí. `vue-cli-service` je vývojová závislost v projektu Vue CLI, charakterizovaná jako běhová závislost projektu. Dodává se zabalené do `@vue/cli-service` a automaticky se instaluje s každým novým projektem Vue.js.
Abychom vám poskytli podrobný návod, jak používat `vue-cli-service`, projdeme procesem vytvoření jednoduché aplikace Vue.js pomocí Vue CLI.
Nejprve si promluvme o instalaci. Pokud Vue CLI ještě není na vašem počítači nainstalováno, můžete tak učinit spuštěním tohoto příkazu ve vašem terminálu:
npm install -g @vue/cli
Jakmile je Vue CLI nainstalováno, můžete vytvořit novou aplikaci Vue.js pomocí příkazu níže:
vue create my-app
Výše uvedený příkaz vytvoří novou aplikaci Vue.js s názvem `my-app`.
Použití Vue-CLI-Service
Projekt `my-app` obsahuje soubor `package.json`. Tento soubor obsahuje několik skriptů, které využívají `vue-cli-service`. Například:
- NPM běh sloužit
- npm spustit sestavení
- npm spustit žmolky
Pojďme diskutovat o každém z nich:
NPM běh sloužit
Tento příkaz zkompiluje a znovu načte aplikaci pro vývoj. Dělá to spuštěním příkazu `serve` z `vue-cli-service`.
"serve": "vue-cli-service serve",
npm spustit sestavení
Tento příkaz zkompiluje a minimalizuje aplikaci pro produkci. Dosahuje toho pomocí příkazu `build` `vue-cli-service`.
"build": "vue-cli-service build",
;
npm spustit žmolky
Tento příkaz propouští a opravuje soubory ve vašem projektu. Používá příkaz `lint` z `vue-cli-service`.
"lint": "vue-cli-service lint",
S těmito příkazy efektivně používáte `vue-cli-service` ke správě svého projektu Vue.js.
Pluginy Vue CLI
Vzrušující součástí Vue CLI jsou vue-cli-pluginy. Tyto pluginy často přidávají do vašeho projektu globální funkce, jako je vestavěný Babel nebo ESLint. Pluginy mohou upravovat interní konfiguraci webpacku a vkládat příkazy do `vue-cli-service`.
Zde je příklad, jak nainstalovat a vyvolat plugin:
vue add @vue/cli-plugin-babel
Výše uvedený příkaz nainstaluje zásuvný modul babel do vašeho projektu.
Závěrem lze říci, že Vue CLI a `vue-cli-service` výrazně optimalizují a zjednodušují proces vývoje aplikací Vue.js. Poskytují solidní výchozí bod pro začátečníky i zkušené vývojáře.
