Rychlý start: Vytvoření první Node.js aplikace pomocí Visual Studio

Instalace Visual Studio a úlohy Node.js

Pokud jste si ještě nenainstalili Visual Studio:

1. Přejděte na stránku Visual Studio stahování a nainstalujte Visual Studio 2022 zdarma.

2. V Instalační program pro Visual Studio vyberte úlohu Node.js vývoj a vyberte Nainstalovat.

   

Pokud jste Visual Studio nainstalovali.

1. V Visual Studio nástroje Získat nástroje a > funkce.

2. V Instalační program pro Visual Studio vyberte úlohu Node.js vývoj a výběrem možnosti Upravit ji stáhněte a nainstalujte.

Nastavení Node.js prostředí

Nainstalujte verzi LTS modulu runtime Node.js runtime. Verze LTS má nejlepší kompatibilitu s jinými rozhraními a knihovnami.

Přestože Node.js je sestavená pro 32bitovou a 64bitovou architekturu, instalační Node.js podporuje pouze jednu verzi najednou.

Visual Studio obvykle rozpozná nainstalovaný modul runtime, ale pokud ne, můžete projekt nakonfigurovat tak, aby odkazovat na nainstalovaný modul runtime:

1. Po vytvoření projektuklikněte pravým tlačítkem na uzel projektu.

2. Vyberte Vlastnosti a nastavte Node.exe cestu. Můžete použít globální instalaci Node.js nebo zadat cestu k místnímu interpretu pro libovolný Node.js projektu.

Instalace sady Visual Studio

Pokud jste si ještě nenainstalujete Visual Studio 2019, přejděte na stránku Visual Studio stahování a nainstalujte si ji zdarma.

Instalace sady Visual Studio

Pokud jste si ještě nenainstalujete Visual Studio 2017, přejděte na stránku Visual Studio stahování a nainstalujte si ji zdarma.

Nastavení Node.js prostředí

Visual Studio vám může pomoct nastavit prostředí, včetně instalace nástrojů, které jsou společné Node.js vývoji.

1. V Visual Studio nástroje Získat nástroje a > funkce.

2. V Instalační program pro Visual Studio úlohu VývojNode.js a výběrem možnosti Upravit ji stáhněte a nainstalujte.

   

3. Nainstalujte verzi LTS modulu Node.js Runtime. Pro zajištění nejlepší kompatibility s externími rozhraními a knihovnami doporučujeme verzi LTS.

   Přestože Node.js je sestavená pro 32bitovou a 64bitovou architekturu, instalační Node.js podporuje jenom jednu verzi nainstalovanou najednou.

4. Pokud Visual Studio nainstalovaný modul runtime nezjistí (obvykle to dělá), nakonfigurujte projekt tak, aby odkazovat na nainstalovaný modul runtime:

   1. Po vytvoření projektu kliknětepravým tlačítkem na uzel projektu.

   2. Vyberte Vlastnosti a nastavte Node.exe cestu. Můžete použít globální instalaci Node.js nebo zadat cestu k místnímu interpretu v každém z vašich Node.js projektů.

1. Spusťte Visual Studio a stisknutím klávesy Esc zavřete úvodní okno.

2. Stiskněte Ctrl + Q a paknode.jsdo vyhledávacího pole.

3. Vyberte Prázdná Node.js webová aplikace.

4. V dialogovém okně vyberte Vytvořit.

1. Stisknutím klávesy Esc zavřete úvodní okno.

2. Stisknutím kláves Ctrl+Q otevřete vyhledávací pole a pak zadejteNode.js.

3. Ve webové Node.js (JavaScript) zvolte Prázdné. V dialogovém okně vyberte Vytvořit.

1. V horním řádku nabídek zvolte Soubor > Nový > Project.

2. V levém podokně dialogového okna Nový Project rozbalte JavaScript a zvolte Node.js.

3. V prostředním podokně zvolte Prázdná Node.js webová aplikace a vyberte OK.

Visual Studio vám může pomoct nastavit prostředí, včetně instalace nástrojů, které jsou společné Node.js vývoji.

1. V pravém podokně se podívejte na Průzkumník řešení.

   • Na nejvyšší úrovni je řešení, které má ve výchozím nastavení stejný název jako váš projekt. Řešení, reprezentované na disku souborem .sln, je kontejner pro jeden nebo více souvisejících projektů.
   • Projekt s názvem, který jste použili při jeho nastavení, je zvýrazněn tučně. Na disku je projekt reprezentovaný souborem .njsproj ve složce projektu.
   • Na uzlu npm se zobrazí nainstalované balíčky npm. Kliknutím pravým tlačítkem na uzel npm můžete vyhledat a nainstalovat balíčky npm pomocí dialogového okna.

   

2. Pokud chcete nainstalovat balíčky npm nebo Node.js z příkazového řádku, klikněte pravým tlačítkem na uzel projektu a zvolte Otevřít příkazový řádek.

   

3. Pokud chcete otestovat navigaci ke zdrojovému kódu, v otevřeném souboruserver.js vyberte a stiskněte createServer klávesu F12 nebo klikněte pravým tlačítkem a v místní nabídce vyberte Přejít createServer k definici. Tento příkaz vás přesouvá k definici createServer funkce v souboru http.d.ts.

   

4. V server.js vyhledejte tento řádek kódu: a res.end('Hello World\n'); upravte ho tak, aby:

   res.end('Hello World\n' + res.connection.

   Když napíšete connection. , IntelliSense poskytuje možnosti automatického dokončování položky kódu.

   

5. Zvolte localPort a zadejte a příkaz ); dokončete:

   res.end('Hello World\n' + res.connection.localPort);

1. V pravém podokně se podívejte na Průzkumník řešení.

   • Na nejvyšší úrovni je řešení, které má ve výchozím nastavení stejný název jako váš projekt. Řešení, reprezentované na disku souborem .sln, je kontejner pro jeden nebo více souvisejících projektů.
   • Projekt s názvem, který jste použili při jeho nastavení, je zvýrazněn tučně. Na disku je projekt reprezentovaný souborem .njsproj ve složce projektu.
   • Na uzlu npm se zobrazí nainstalované balíčky npm. Kliknutím pravým tlačítkem na uzel npm můžete vyhledat a nainstalovat balíčky npm pomocí dialogového okna.

   

2. Pokud chcete nainstalovat balíčky npm nebo Node.js z příkazového řádku, klikněte pravým tlačítkem na uzel projektu a v místní nabídce zvolte Otevřít příkazový řádek.

   

3. Pokud chcete otestovat navigaci ke zdrojovému kódu, v otevřeném souboruserver.js vyberte http.createServer a stiskněte klávesu F12 nebo v místní nabídce, která se zobrazí po kliknutí pravým tlačítkem myši, zvolte Přejít k definici. Tento příkaz vás přesouvá k definici createServer funkce v souboru http.d.ts.

   

4. V server.js vyhledejte tento řádek kódu: a res.end('Hello World\n'); upravte ho tak, aby:

   res.end('Hello World\n' + res.connection.

   Když zadáte connection. IntelliSense poskytuje možnosti automatického dokončování položky kódu.

   

5. Zvolte localPort a zadejte a ); příkaz dokončete:

   res.end('Hello World\n' + res.connection.localPort);