Sdílet prostřednictvím

Instalace Vue.js v subsystému Windows pro Linux

Průvodce, který vám pomůže nastavit vývojové prostředí Vue.js ve Windows instalací webové architektury Vue.js v subsystému Windows pro Linux (WSL). Další informace najdete na stránce s přehledemVue.js .

Vue je možné nainstalovat přímo na Windows nebo na WSL. Obecně doporučujeme nainstalovat na WSL, pokud plánujete interakci s back-endem NodeJS, chcete mít stejné prostředí jako na produkčním serveru Linuxu, nebo plánujete sledovat kurz, který využívá Bashové příkazy. Můžete také zvážit Vite jako alternativu k Vue.js.

Požadavky

  • nainstalovat subsystém Windows pro Linux (WSL), včetně distribuce Linuxu (například Ubuntu) a ujistěte se, že je spuštěný v režimu WSL 2. Můžete to zkontrolovat tak, že otevřete PowerShell a zadáte: wsl -l -v
  • Nainstalujte Node.js do WSL 2: To zahrnuje správce verzí, správce balíčků, Visual Studio Code a rozšíření pro vzdálený vývoj. Správce balíčků node (npm) se používá k instalaci Vue.js.

Důležité

Instalace linuxové distribuce pomocí WSL vytvoří adresář pro ukládání souborů: \\wsl\Ubuntu-20.04 (nahraďte Ubuntu-20.04 libovolnou distribucí Linuxu, kterou používáte). Pokud chcete tento adresář otevřít v Průzkumníku souborů Systému Windows, otevřete příkazový řádek WSL, vyberte svůj domovský adresář pomocí cd ~a pak zadejte příkaz explorer.exe . Neinstalujte nebo ukládejte soubory, se kterými budete pracovat na připojené jednotce C (/mnt/c/Users/yourname$). Tím se výrazně zpomalí doba instalace a sestavení.

Instalovat Vue.js

Nainstalujte Vue.js na WSL:

  1. Otevřete příkazový řádek WSL (tj. Ubuntu).

  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 místo NPM, přečtěte siVue.js dokumentaci k instalaci.

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

  • Last updated on