Instalowanie Vue.js w podsystemie Windows dla systemu Linux

Przewodnik konfigurowania środowiska deweloperskiego Vue.js w podsystemie Windows dla systemu Linux (WSL). Aby zapoznać się z tematem, zobacz omówienie Vue.js.

Program Vue można zainstalować bezpośrednio w systemie Windows lub WSL. WSL jest zalecany, jeśli planujesz wchodzić w interakcje z zapleczem Node.js, wdrażać na serwerach z systemem Linux lub wykonywać samouczki korzystające z poleceń Bash.

Wymagania wstępne

• Zainstaluj podsystem Windows dla systemu Linux (WSL), w tym dystrybucję systemu Linux (na przykład Ubuntu) działającą w trybie WSL 2. Zweryfikuj za pomocą: 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.

Ważne

Zapisz pliki projektu w systemie plików WSL (np. ~/projects), a nie na zainstalowanym dysku systemu Windows (/mnt/c/). Praca w granicach systemu plików znacznie spowalnia czas instalacji i kompilacji.

Tworzenie projektu Vue

Zalecanym sposobem rozpoczęcia nowego projektu Vue 3 jest npm create vue@latest, które wykorzystuje create-vue — oficjalne narzędzie szkieletowe oparte na Vite.

1. Otwórz terminal programu WSL (np. Ubuntu).

2. Przejdź do katalogu projektów:

   mkdir -p ~/projects
   cd ~/projects
   

3. Utwórz nowy projekt Vue:

   npm create vue@latest
   

   Instalator prosi o nadanie nazwy projektowi i wybranie opcjonalnych funkcji (TypeScript, obsługa JSX, router Vue, zarządzanie stanem Pinia, Vitest, ESLint).

4. Przejdź do folderu projektu, zainstaluj zależności i uruchom serwer deweloperski:

   cd <your-project-name>
   npm install
   npm run dev
   

   Aplikacja będzie dostępna pod adresem http://localhost:5173.

Dodatkowe zasoby

• Dokumentacja Vue
• Vue.js omówienie
• Instalowanie Vue.js w systemie Windows
• Pierwsze kroki należy wykonać przy użyciu ścieżki szkoleniowej Vue.js
• Samouczek dotyczący programu Vue z programem VS Code