Sdílet prostřednictvím

Nainstalujte Vue.js přímo ve Windows

Průvodce, který vám pomůže nastavit vývojové prostředí Vue.js ve Windows. Další informace najdete na stránce s přehledemVue.js .

Vue je možné nainstalovat přímo ve Windows nebo v subsystému Windows pro Linux (WSL). Obecně doporučujeme nainstalovat Vue na WSL, pokud plánujete pracovat s backendem NodeJS, chcete shodnost s produkčním serverem Linux, nebo chcete následovat kurz, který využívá příkazy Bash. Můžete také zvážit Vite jako alternativu k Vue.js.

Požadavky

  • Instalace Node.js ve Windows: To zahrnuje správce verzí, správce balíčků a Visual Studio Code. Správce balíčků node (npm) se používá k instalaci Vue.js.

Instalovat Vue.js

Chcete-li nainstalovat Vue.js:

  1. Otevření příkazového řádku (tj. Příkazový řádek windows nebo PowerShell).

  2. Vytvořte novou složku projektu: mkdir VueProjects a zadejte tento adresář: cd VueProjects.

  3. Nainstalujte Vue.js pomocí Node Package Manageru (npm):

npm install vue

Pomocí příkazu zkontrolujte číslo verze, kterou jste nainstalovali: vue --version.

Poznámka:

Pokud chcete nainstalovat Vue.js pomocí CDN, nikoli NPM, přečtěte si dokumentaci k instalaci Vue.js. Vysvětlení různých sestavení Vue najdete v dokumentaci k .

Instalace rozhraní příkazového řádku Vue

Vue CLI je sada nástrojů pro práci s Vue v terminálu nebo příkazovém řádku. Umožňuje rychle vygenerovat nový projekt (vue create), prototyp nových nápadů (vue serve) nebo spravovat projekty pomocí grafického uživatelského rozhraní (vue ui). Vue CLI je globálně nainstalovaný balíček npm, který za vás zpracovává některé složitosti sestavení (jako je použití Babel nebo Webpack). Pokud nevytáčíte novou jednostráňovou aplikaci, možná nebudete potřebovat nebo budete chtít rozhraní příkazového řádku Vue.

K instalaci rozhraní příkazového řádku Vue použijte npm. Pokud chcete upgradovat (), musíte příznak použít -g k globální instalaci (vue upgrade --next ):

npm install -g @vue/cli

Další informace o dalších pluginech, které je možné přidat (například linting nebo Apollo pro integraci GraphQL), najdete v dokumentaci Vue CLI, sekce pluginy Vue CLI.

Dodatečné zdroje