Udostępnij za pośrednictwem

Instalowanie Vue.js w podsystemie Windows dla systemu Linux

Przewodnik ułatwiający konfigurację środowiska deweloperskiego Vue.js w systemie Windows przez zainstalowanie web frameworku Vue.js w podsystemie Windows dla Linuxa (WSL). Dowiedz się więcej na stronie przeglądu Vue.js.

Program Vue można zainstalować bezpośrednio w systemie Windows lub WSL. Ogólnie zalecamy instalację na WSL, jeśli planujesz interakcję z zapleczem NodeJS, chcesz uzyskać zgodność z serwerem produkcyjnym działającym na systemie Linux lub planujesz skorzystać z samouczka z wykorzystaniem poleceń Bash. Możesz również rozważyć vite jako alternatywę dla Vue.js.

Wymagania wstępne

  • Zainstaluj podsystem Windows dla systemu Linux (WSL), w tym dystrybucję systemu Linux (np. Ubuntu) i upewnij się, że działa w trybie WSL 2. Możesz to sprawdzić, otwierając program PowerShell i wprowadzając następujące polecenie: wsl -l -v
  • Install Node.js on WSL 2: Obejmuje to menedżera wersji, menedżera pakietów, Visual Studio Code i rozszerzenie do zdalnego programowania. Menedżer pakietów node (npm) służy do instalowania Vue.js.

Ważne

Zainstalowanie dystrybucji systemu Linux za pomocą programu WSL spowoduje utworzenie katalogu do przechowywania plików: \\wsl\Ubuntu-20.04 (zastąpić ubuntu-20.04 dowolną dystrybucją systemu Linux, której używasz). Aby otworzyć ten katalog w Eksploratorze plików systemu Windows, otwórz wiersz polecenia WSL, wybierz katalog główny przy użyciu cd ~polecenia , a następnie wprowadź polecenie explorer.exe . Zachowaj ostrożność, aby nie instalować ani przechowywać plików, z którymi będziesz pracować na zainstalowanym dysku C (/mnt/c/Users/yourname$). W ten sposób znacznie spowolni czas instalacji i kompilacji.

Zainstaluj Vue.js

Aby zainstalować Vue.js w programie WSL:

  1. Otwórz wiersz polecenia WSL (tj. Ubuntu).

  2. Utwórz nowy folder projektu: mkdir VueProjects i wprowadź ten katalog: cd VueProjects.

  3. Zainstaluj Vue.js przy użyciu menedżera pakietów node (npm):

npm install vue

Sprawdź numer wersji zainstalowany przy użyciu polecenia : vue --version.

Uwaga / Notatka

Aby zainstalować Vue.js przy użyciu usługi CDN, zamiast NPM, zobacz Vue.js dokumentację instalacji.

Instalacja Vue CLI

Interfejs CLI Vue to zestaw narzędzi do pracy z Vue w wierszu polecenia. Umożliwia szybkie tworzenie szkieletu nowego projektu (vue create), prototypowanie nowych pomysłów (vue serve) lub zarządzanie projektami przy użyciu graficznego interfejsu użytkownika (vue ui). Vue CLI to globalnie zainstalowane narzędzie npm, które upraszcza niektóre złożoności kompilacji (na przykład przez użycie Babel lub Webpack). Jeśli nie tworzysz nowej jednostronicowej aplikacji, być może nie potrzebujesz interfejsu wiersza polecenia programu Vue.

Aby zainstalować interfejs wiersza polecenia programu Vue, użyj narzędzia npm. Należy użyć flagi -g, aby globalnie zainstalować w celu aktualizacji (vue upgrade --next):

npm install -g @vue/cli

Aby dowiedzieć się więcej na temat dodatkowych wtyczek, które można dodać (na przykład linting lub Apollo do integracji programu GraphQL), odwiedź stronę wtyczki interfejsu wiersza polecenia Vue w dokumentacji interfejsu wiersza polecenia programu Vue.

Dodatkowe zasoby