Vytvoření aplikace Vue.js

Článek
01/13/2024

V tomto 5-10minutovém úvodu do integrovaného vývojového prostředí (IDE) sady Visual Studio vytvoříte a spustíte jednoduchou front-endovou webovou aplikaci Vue.js.

Požadavky

Nezapomeňte nainstalovat následující:

Visual Studio 2022 nebo novější Přejděte na stránku pro stažení sady Visual Studio a nainstalujte ji zdarma.
npm (https://www.npmjs.com/), který je součástí Node.js
Vue.js (instalace | Vue.js (vuejs.org))

Vytvoření aplikace

V okně Start (otevření zvolte Okno Spustit soubor>) vyberte Vytvořit nový projekt.
Vyhledejte Vue na panelu hledání v horní části a pak vyberte Samostatný projekt Vue JavaScriptu nebo samostatný projekt TypeScript Vue podle vašich preferencí.
Zadejte název projektu a řešení a pak zvolte Další.
Zvolte Vytvořit a počkejte na vytvoření projektu v sadě Visual Studio.

Zobrazení vlastností projektu

Výchozí nastavení projektu umožňuje sestavit a ladit projekt. Pokud ale potřebujete změnit nastavení, klikněte pravým tlačítkem myši na projekt v Průzkumník řešení, vyberte Vlastnosti a pak přejděte do části Sestavení nebo ladění.

Poznámka:

launch.json ukládá nastavení spuštění přidružené k tlačítku Start na panelu nástrojů Ladění. V současné době musí být soubor launch.json umístěný ve složce .vscode.

Sestavení projektu

Zvolte Sestavit>řešení pro sestavení a sestavte projekt.

Spuštění projektu

Stiskněte klávesu F5 nebo vyberte tlačítko Start v horní části okna a zobrazí se například příkazový řádek:

VITE v4.4.9 připraveno v 780 ms

Poznámka:

Zkontrolujte výstup konzoly pro zprávy, například zprávu s pokynem k aktualizaci verze Node.js.

Dále by se měla zobrazit základní aplikace Vue.js.

Další kroky

Integrace ASP.NET Core:

Vytvoření aplikace ASP.NET Core pomocí Vue

Sdílet prostřednictvím