Udostępnij za pośrednictwem

Instalowanie Vue.js bezpośrednio w systemie Windows

Przewodnik ułatwiając skonfigurowanie środowiska deweloperskiego Vue.js w systemie Windows. Dowiedz się więcej na stronie przeglądu Vue.js.

Program Vue można zainstalować bezpośrednio w systemie Windows lub podsystemie Windows dla systemu Linux (WSL). Ogólnie zalecamy, aby zainstalować Vue na WSL, jeśli planujesz współpracować z backendem NodeJS, chcesz uzyskać zgodność z serwerem produkcyjnym działającym na Linuksie lub zamierzasz śledzić samouczek korzystający z poleceń Bash. Możesz również rozważyć vite jako alternatywę dla Vue.js.

Wymagania wstępne

  • Zainstaluj Node.js w systemie Windows: obejmuje to menedżera wersji, menedżera pakietów i programu Visual Studio Code. Menedżer pakietów node (npm) służy do instalowania Vue.js.

Zainstaluj Vue.js

Aby zainstalować Vue.js:

  1. Otwórz wiersz polecenia (tj. Wiersz polecenia systemu Windows lub program PowerShell).

  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, a nie serwera NPM, zobacz Vue.js install docs. Zobacz dokumentację programu Vue, aby zapoznać się z wyjaśnieniem różnych kompilacji Vue.

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 zainstalować globalnie w celu uaktualnienia (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