Megjegyzés
Az oldalhoz való hozzáféréshez engedély szükséges. Megpróbálhat bejelentkezni vagy módosítani a címtárat.
Az oldalhoz való hozzáféréshez engedély szükséges. Megpróbálhatja módosítani a címtárat.
A Visual Studio integrált fejlesztői környezetének (IDE) 5–10 perces bemutatása során létrehoz és futtat egy egyszerű Vue.js előtérbeli webalkalmazást.
Előfeltételek
Győződjön meg arról, hogy telepíti a következő szoftvert:
- Visual Studio 2022 vagy újabb verzió. Nyissa meg a Visual Studio letöltési oldalát, és telepítse ingyenesen.
- npm (
https://www.npmjs.com/), amely tartalmazza a Node.js - Vue.js (telepítés | Vue.js (vuejs.org))
Az alkalmazás létrehozása
A Start ablakban (a megnyitáshoz válassza a Fájl>a Start ablak lehetőséget), válassza Új projekt létrehozásalehetőséget.
Keresse meg a Vue-t a felső keresősávon, majd válassza Vue app JavaScript vagy TypeScript esetén.
A Visual Studio 2022 11-es verziójától kezdve a sablon neve önálló JavaScript Vue projekt-ről Vue Alkalmazásraváltozott.
Adjon nevet a projektnek és a megoldásnak, majd válassza a Következőlehetőséget.
Válassza a létrehozása lehetőséget, majd várja meg, amíg a Visual Studio létrehozza a projektet.
A projekt tulajdonságainak megtekintése
Az alapértelmezett projektbeállítások lehetővé teszik a projekt összeállítását és hibakeresését. Ha azonban módosítania kell a beállításokat, kattintson a jobb gombbal a projektre a Megoldáskezelőben, válassza a Tulajdonságoklehetőséget, majd lépjen a Linting, Build vagy Deploy szakaszra.
A hibakereső konfigurációhoz használja a launch.json.
Jegyzet
launch.json a hibakeresési eszköztár Start gombjához társított indítási beállításokat tárolja. Jelenleg launch.json a .vscode mappában kell lennie.
A projekt felépítése
Válassza Build>Build Solution lehetőséget a projekt létrehozásához.
A projekt indítása
Nyomja le F5 vagy válassza az ablak tetején található Start gombot, és megjelenik egy parancssor, például:
VITE v4.4.9 készen áll 780 ms alatt
Jegyzet
Ellenőrizze a konzol kimenetét az üzeneteknél, például egy olyan üzenetnél, amely arra utasítja, hogy frissítse a Node.jsverzióját.
Ezután meg kell jelennie az alap Vue.js alkalmazásnak!
Következő lépések
ASP.NET Core-integráció esetén: