Sdílet prostřednictvím


Naučte se používat editor kódu.

V tomto úvodu do editoru kódu sady Visual Studio přidáte kód do souboru a prozkoumáte, jak Visual Studio pomáhá usnadnit psaní, navigaci a porozumění kódu.

Tip

Pokud Visual Studio nemáte, přejděte na Visual Studio ke stažení a nainstalujte ji zdarma.

Pokud jste Visual Studio ještě nenainstalovali, přejděte na stránku ke stažení Visual Studio a nainstalujte zdarma.

Tento článek předpokládá, že už znáte programovací jazyk. Pokud ne, doporučujeme se nejprve podívat na některý z programovacích rychlých startů, například vytvořit webovou aplikaci pomocí Pythonu nebo jazyka C# nebo vytvořit konzolovou aplikaci pomocí visual basicu nebo jazyka C++.

Prerequisites

  • Visual Studio s nakonfigurovaným nastavením vývoje v jazyce C#. Informace o konfiguraci nastavení najdete v tématu Výběr nastavení prostředí.

Vytvoření nového souboru kódu

Vytvořte nový soubor a přidejte do něj nějaký kód.

  1. Otevřete Visual Studio. Stiskněte Esc nebo vyberte Pokračovat bez kódu v úvodním okně a otevřete vývojové prostředí.

  2. V nabídce Soubor v liště nabídek vyberte Nový>soubor.

  3. V dialogovém okně Nový soubor v kategorii Obecné vyberte Visual C# Class a pak vyberte Otevřít.

    V editoru se otevře nový soubor s kostru třídy jazyka C#. (Všimněte si, že pro získání některých výhod, které editor kódu nabízí, nemusíme vytvořit úplný projekt sady Visual Studio. Vše, co potřebujete, je soubor kódu.)

    snímek obrazovky souboru s kódem v jazyce C# v prostředí Visual Studio.

  1. Otevřete Visual Studio. Výběrem klávesy Esc nebo výběrem možnosti Pokračovat bez kódu v úvodním okně otevřete vývojové prostředí.

  2. V nabídce Soubor na řádku nabídek vyberte Nový>soubor nebo stiskněte klávesy Ctrl+N .

  3. V dialogovém okně Nový soubor v kategorii Obecné vyberte třídu C# a pak vyberte Otevřít.

    V editoru se otevře nový soubor se základní strukturou tříd jazyka C#.

    snímek obrazovky se souborem kódu C# v sadě Visual Studio 2022

Použití GitHub Copilotu

GitHub Copilot funguje jako AI programátorský společník, který poskytuje automatické dokončování kódu a návrhy kódu s ohledem na kontext, v reálném čase, přímo v editoru. GitHub Copilot změní výzvy přirozeného jazyka včetně komentářů a názvů metod na návrhy kódování. Návrhy z GitHub Copilotu můžete zobrazit a začlenit přímo v editoru.

Vyzkoušet GitHub Copilot

K vygenerování návrhů kódu použijeme Copilot:

  1. Umístěte kurzor těsně pod poslední pravou složenou závorku } v souboru.

  2. Zadejte komentář v přirozeném jazyce: // Add a method to add two numbers a a stiskněte Enter.

  3. GitHub Copilot pro vás vygeneruje návrh kódu. Navrhovaná implementace se zobrazuje v šedém textu.

  4. Pokud chcete návrh přijmout, vyberte tabulátor.

    animovaný snímek obrazovky, který zobrazuje návrhy kódu vygenerované githubem Copilot pro komentář uživatele.

Pojďme použít Copilot Chat k odeslání otázky související s kódováním jako výzvy:

  1. V pravém horním rohu integrovaného vývojového prostředí vyberte odznáček GitHub Copilot .

  2. V rozevíracím seznamu vyberte Otevřít okno chatu .

  3. V okně chatu zadejte následující výzvu:

    
    Generate sample code for a simple C# method to add two numbers.
    
    
  4. Copilot Chat vygeneruje v reakci na vaši výzvu vzorový kód.

GitHub Copilot využívá technologii AI, takže jsou možná překvapení a chyby. Další informace najdete v často kladených dotazech o GitHub Copilot.

Začínáme s GitHub Copilot v sadě Visual Studio.

Použití fragmentů kódu

Visual Studio poskytuje užitečné fragmenty kódu, které můžete použít k rychlému generování běžně používaných bloků kódu. Fragmenty kódu jsou k dispozici pro několik programovacích jazyků, včetně C#, Visual Basicu a C++.

Teď do souboru přidejte fragment kódu jazyka C# void Main .

  1. Umístěte kurzor těsně nad poslední pravou složenou závorku } v souboru a zadejte znaky svm. (svm je zkratka pro static void Main; metoda Main() je vstupním bodem pro aplikace jazyka C#.)

    Zobrazí se automaticky otevírané dialogové okno s informacemi o fragmentu kódu svm.

    Snímek obrazovky automaticky otevíraného okna IntelliSense pro fragment kódu v sadě Visual Studio.

  2. Pokud chcete vložit fragment kódu, stiskněte Tab dvakrát.

    Do souboru se přidá podpis metody static void Main().

Dostupné fragmenty kódu se liší pro různé programovací jazyky. Dostupné fragmenty kódu pro váš jazyk si můžete prohlédnout tak, že zvolíte Upravit>IntelliSense>Vložit fragment kódua pak zvolíte složku vašeho jazyka. V jazyce C# vypadá seznam takto:

Snímek obrazovky s vyskakovacím oknem IntelliSense pro seznam fragmentů kódu v jazyce C#.

  1. Umístěte kurzor těsně nad poslední pravou složenou závorku } v souboru a zadejte znaky svm.

    Zobrazí se automaticky otevírané dialogové okno s informacemi o fragmentu kódu svm.

    snímek obrazovky s oknem IntelliSense pro útržek kódu v sadě Visual Studio 2022

  2. Dvakrát vyberte klávesu Tab a vložte fragment kódu.

    Do souboru se přidá podpis metody static void Main(). Metoda Main() je vstupním bodem pro aplikace jazyka C#.

Dostupné fragmenty kódu se liší podle programovacího jazyka. Pokud chcete zobrazit dostupné fragmenty kódu pro váš jazyk, přejděte do Upravit>IntelliSense>Vložení fragmentu nebo vyberte Ctrl+K, Ctrl+X, a pak vyberte složku pro váš programovací jazyk. V jazyce C# vypadá seznam fragmentů kódu takto:

snímek obrazovky s vyskakovacím oknem IntelliSense pro seznam fragmentů kódu jazyka C#.

Seznam obsahuje fragmenty kódu pro vytvoření třídy, konstruktoru, pro smyčku, pokud nebo přepnout příkaz a další.

Zakomentovat kód

Panel nástrojů, což je řádek tlačítek pod řádkem nabídek v sadě Visual Studio, vám může pomoct zvýšit produktivitu při psaní kódu. Můžete například přepnout režim dokončování IntelliSense (IntelliSense je podpora kódování, která zobrazuje seznam odpovídajících metod mimo jiné), zvětšení nebo zmenšení odsazení řádku nebo okomentování kódu, který nechcete kompilovat. V této části zakomentujeme nějaký kód.

snímek obrazovky s panelem nástrojů editoru v sadě Visual Studio

  1. Do těla metody Main() vložte následující kód.

    // _words is a string array that we'll sort alphabetically
    string[] _words = {
        "the",
        "quick",
        "brown",
        "fox",
        "jumps"
    };
    
    string[] morewords = {
        "over",
        "the",
        "lazy",
        "dog"
    };
    
    IEnumerable<string> query = from word in _words
                                orderby word.Length
                                select word;
    
  2. Nepoužíváme morewords proměnnou, ale můžeme ji použít později, takže ji nechceme úplně odstranit. Místo toho tyto řádky okomentujme. Vyberte celou definici morewords až po pravý středník a poté zvolte tlačítko Okomentovat vybrané řádky na panelu nástrojů. Pokud chcete používat klávesnici, stiskněte Ctrl+K, Ctrl+C.

    Snímek obrazovky tlačítka Zakomentovat na panelu nástrojů Editoru v sadě Visual Studio

    Znaky komentáře jazyka C# // se přidají na začátek každého vybraného řádku a zakomentují kód.

Panel nástrojů Textový editor, řádek tlačítek pod řádkem nabídek v sadě Visual Studio, vám pomůže zvýšit produktivitu při psaní kódu. Můžete například přepnout režim dokončování IntelliSense , zvětšit nebo zmenšit odsazení řádku nebo zakomentovat kód, který nechcete kompilovat.

Snímek obrazovky s panelem nástrojů Textového editoru v sadě Visual Studio 2022

Zakomentujme nějaký kód.

  1. Do těla metody Main() vložte následující kód.

    // someWords is a string array.
    string[] someWords = {
        "the",
        "quick",
        "brown",
        "fox",
        "jumps"
    };
    
    string[] moreWords = {
        "over",
        "the",
        "lazy",
        "dog"
    };
    
    // Alphabetically sort the words.
    IEnumerable<string> query = from word in someWords
                                orderby word
                                select word;
    
  2. Proměnná moreWords se aktuálně nepoužívá, ale můžete ji použít později, takže místo odstranění můžete tyto řádky okomentovat. Vyberte celou definici moreWords dolů na uzavírací středník a pak vyberte tlačítko Okomentovat vybrané řádky na panelu nástrojů Textový editor nebo vyberte Ctrl+K, Ctrl+C.

    Snímek obrazovky s tlačítkem Okomentovat na panelu nástrojů textového editoru v sadě Visual Studio 2022

    Znaky komentáře jazyka C# // se přidají na začátek každého vybraného řádku a zakomentují kód.

    Pokud chcete odkomentovat řádky, můžete je vybrat a pak vybrat Tlačítko Zrušit komentář vybraných řádků na panelu nástrojů Textový editor nebo vybrat Ctrl+K, Ctrl+U.

    snímek obrazovky s tlačítkem pro zrušení komentáře na panelu nástrojů textového editoru v sadě Visual Studio 2022

Sbalit bloky kódu

Nechceme vidět prázdný konstruktor , který byl vygenerován pro Class1, takže abychom učinili přehlednějším pohled na kód, ho zabalme. Zvolte malé šedé pole se znaménkem minus uvnitř na okraji prvního řádku konstruktoru. Nebo pokud chcete použít klávesnici, umístěte kurzor kamkoli do kódu konstruktoru a stiskněte Ctrl+M, Ctrl+M.

snímek obrazovky tlačítka Sbalit osnovu na panelu nástrojů textového editoru ve Visual Studio

Blok kódu se zhroutí pouze na první řádek, za nímž následuje výpustka (...). Pokud chcete blok kódu znovu rozbalit, klikněte na stejné šedé pole, které teď obsahuje znaménko plus, nebo stiskněte Ctrl+M, Ctrl+M znovu. Tato funkce se nazývá Strukturování a je užitečná zejména při sbalování dlouhých metod nebo celých tříd.

Pokud nechcete vidět prázdný konstruktor, který byl vygenerován pro Class1, můžete ho sbalit, aby váš pohled na kód nebyl přeplněný. Vyberte znak stříšky na okraji prvního řádku konstruktoru. Nebo pokud chcete použít klávesnici, umístěte kurzor kamkoli do kódu konstruktoru a vyberte Ctrl+M, Ctrl+M klávesy.

Snímek obrazovky s tlačítkem Sbalit osnovu na panelu nástrojů Textový editor

Blok kódu se zhroutí pouze na první řádek, za nímž následuje výpustka (...). Pokud chcete blok kódu znovu rozbalit, vyberte znak stříšky (>) nebo stiskněte znovu Ctrl+M, Ctrl+M. Tato funkce se nazývá Strukturování a je užitečná zejména při sbalování dlouhých metod nebo celých tříd.

Zobrazení definic symbolů

Editor sady Visual Studio usnadňuje kontrolu definice typu, metody atd. Jedním ze způsobů je přejít k souboru, který obsahuje definici, například tak, že zvolíte Přejít na definici kdekoli se na symbol odkazuje. Ještě rychlejší způsob, jak neodvádět pozornost od souboru, na kterém pracujete, je použít náhled definice. Pojďme se podívat na definici typu string.

  1. Klikněte pravým tlačítkem myši na libovolný výskyt string a v kontextové nabídce zvolte Náhled definice. Nebo stiskněte Alt+F12.

    Zobrazí se automaticky otevírané okno s definicí třídy String. Můžete se posouvat v automaticky otevíracím okně, nebo si dokonce prohlédnout definici jiného typu z nahlíženého kódu.

    Snímek obrazovky okna s náhledem definice ve Visual Studio.

  2. Zavřete okno náhledu definice tak, že v pravém horním rohu automaticky otevíraného okna vyberete malé pole se symbolem "x".

Editor sady Visual Studio usnadňuje kontrolu definice typu, metody nebo proměnné. Jedním ze způsobů je přejít k definici v libovolném souboru, a to tak, že zvolíte Přejít na definici nebo vyberete F12 klíč kdekoli, kde se na symbol odkazuje. Ještě rychlejší způsob, jak nepřesunout fokus od kódu, na kterém pracujete, je použít náhled definice.

Pojďme se podívat na definici typu string.

  1. Klikněte pravým tlačítkem myši na libovolný výskyt string a v kontextové nabídce zvolte Náhled definice. Nebo vyberte klávesy Alt+klávesy F12.

    Zobrazí se automaticky otevírané okno s definicí třídy String. Můžete se posouvat v automaticky otevíracím okně, nebo si dokonce prohlédnout definici jiného typu z nahlíženého kódu.

    Snímek obrazovky okna Peek Definition v sadě Visual Studio

  2. Zavřete okno náhledu definice tak, že v pravém horním rohu automaticky otevíraného okna vyberete malé pole se symbolem x.

Použití IntelliSense k dokončení slov

IntelliSense je neocenitelným prostředkem při psaní kódu. Může zobrazit informace o dostupných členech typu nebo podrobnostech parametrů pro různá přetížení metody. IntelliSense můžete také použít k dokončení slova poté, co zadáte dostatečný počet znaků k jeho rozlišení. Pojďme přidat řádek kódu pro vytištění seřazených řetězců do okna konzoly, což je standardní místo pro výstup z programu.

  1. Pod proměnnou query začněte psát následující kód:

    foreach (string str in qu
    

    IntelliSense vám zobrazí rychlá informace o symbolu query.

    Snímek obrazovky vyskakovacího okna dokončování slov IntelliSense ve Visual Studio

  2. Pokud chcete vložit zbytek slova query pomocí funkce dokončování slov IntelliSense, stiskněte klávesu Tab.

  3. Dokončete blok kódu tak, aby vypadal jako následující kód. Můžete dokonce znovu použít fragmenty kódu zadáním cw a následným stisknutím klávesy Tab dvakrát vygenerovat kód Console.WriteLine.

    foreach (string str in query)
    {
       Console.WriteLine(str);
    }
    

IntelliSense je neocenitelným prostředkem při psaní kódu. Může zobrazit informace o dostupných členech typu nebo podrobnostech parametrů pro různá přetížení metody. IntelliSense můžete také použít k dokončení slova poté, co zadáte dostatečný počet znaků k jeho rozlišení.

Pojďme přidat řádek kódu pro vytištění seřazených řetězců do okna konzoly, což je standardní místo pro výstup z programu.

  1. Pod proměnnou query začněte psát následující kód:

    foreach (string str in qu
    

    Zobrazí se automaticky otevírané okno IntelliSense s informacemi o symbolu query.

    snímek obrazovky s automaticky otevíraným oknem pro dokončování slov IntelliSense v sadě Visual Studio 2022

    Pokud jste přihlášení pomocí účtu GitHubu s předplatným Copilot, uvidíte také návrhy kódu zobrazené v šedém textu.

  2. Pokud chcete vložit zbytek slova query pomocí automatického doplňování IntelliSense, stiskněte klávesu Tab .

  3. Dokončete blok kódu tak, aby vypadal jako následující kód. S fragmenty kódu můžete dále cvičit zadáním cw a následným výběrem Tab dvakrát vygenerovat příkaz Console.WriteLine.

    foreach (string str in query)
    {
       Console.WriteLine(str);
    }
    

Refaktoring názvu

Nikdo nespravuje kód poprvé a jednou z věcí, kterou byste mohli muset změnit, je název proměnné nebo metody. Pojďme vyzkoušet refaktoring sady Visual Studio a přejmenovat proměnnou _words na words.

  1. Umístěte kurzor nad definici proměnné _words a v kontextové nabídce vyberte možnost Přejmenovat, nebo stiskněte Ctrl+Ra poté Ctrl+R.

    V pravém horním rohu editoru se zobrazí automaticky otevírané okno Přejmenovat.

  2. Zadejte požadovaný název slova. Všimněte si, že odkaz na words v dotazu se také automaticky přejmenuje. Než stisknete Enter, zaškrtněte políčko Zahrnout komentáře v dialogovém okně Přejmenovat.

    snímek obrazovky s dialogovým oknem Přejmenovat v sadě Visual Studio

  3. Stiskněte klávesu Enter.

    Oba výskyty words byly přejmenovány, stejně jako odkaz na words v komentáři kódu.

Nikdo nespravuje kód poprvé a jednou z věcí, kterou byste mohli muset změnit, je název proměnné nebo metody. Pojďme vyzkoušet refaktoring sady Visual Studio a přejmenovat proměnnou someWords na unsortedWords.

  1. Umístěte kurzor na definici proměnné someWords a klikněte pravým tlačítkem myši nebo v místní nabídce zvolte Přejmenovat, nebo vyberte klávesu F2.

    V pravém horním rohu editoru se zobrazí dialogové okno Přejmenovat.

    Snímek obrazovky s automaticky otevíranou možností Přejmenovat v editoru sady Visual Studio 2022

  2. Zadejte požadovaný název neseřazenáSlova. Uvidíte, že odkaz na unsortedWords v přiřazovacím příkazu query je také automaticky přejmenován. Než vyberete klávesu Enter, zaškrtněte políčko Zahrnout komentáře ve vyskakovacím okně Přejmenovat.

    Snímek obrazovky s vyskakovacím oknem pro přejmenování v sadě Visual Studio 2022

  3. Vyberte klávesu Enter.

    Oba výskyty someWords v kódu byly přejmenovány, stejně jako text someWords v komentáři kódu.

Další kroky

Viz také