Tworzenie projektu Vue.js

Artykuł
01/26/2025

W tym 5-10-minutowym wprowadzeniu do zintegrowanego środowiska projektowego (IDE) programu Visual Studio utworzysz i uruchomisz prostą aplikację internetową frontonu Vue.js.

Warunki wstępne

Upewnij się, że zainstalowano następujące oprogramowanie:

Program Visual Studio 2022 lub nowszy. Przejdź do strony pobierania programu Visual Studio, aby zainstalować ją bezpłatnie.
npm (https://www.npmjs.com/), który jest dołączony do Node.js
Vue.js ( Instalacja| Vue.js (vuejs.org))

Tworzenie aplikacji

W oknie Start (wybierz pozycję Plik>Okno Start, aby otworzyć), wybierz pozycję Utwórz nowy projekt.
Wyszukaj Vue na pasku wyszukiwania u góry, a następnie wybierz pozycję Vue App dla języka JavaScript lub TypeScript.

Począwszy od programu Visual Studio 2022 w wersji 11, nazwa szablonu została zmieniona z Autonomicznego programu JavaScript Vue Project na Vue App.
Nadaj projektowi i rozwiązaniu nazwę, a następnie wybierz pozycję Dalej.
Wybierz pozycję Utwórz, a następnie poczekaj, aż program Visual Studio utworzy projekt.

Wyświetlanie właściwości projektu

Domyślne ustawienia projektu umożliwiają kompilowanie i debugowanie projektu. Jeśli jednak musisz zmienić ustawienia, kliknij prawym przyciskiem myszy projekt w Eksploratorze Rozwiązań, wybierz Właściwości, a następnie przejdź do sekcji Lintowanie, Kompilacja lub Wdrażanie.

W przypadku konfiguracji debugera użyj launch.json.

Notatka

launch.json przechowuje ustawienia uruchamiania skojarzone z przyciskiem Uruchom na pasku narzędzi Debugowanie. Obecnie launch.json musi znajdować się w folderze .vscode.