Vytvoření aplikace Vue.js
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: