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

V tomto 10minutovém úvodu do editoru kódu v sadě Visual Studio přidáme kód do souboru, abychom se podívali na některé způsoby, jak Visual Studio usnadňuje psaní, navigaci a pochopení kódu.

Spropitné

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

Pokud jste sadu Visual Studio ještě nenainstalovali, přejděte na stránku ke stažení sady Visual Studio a nainstalujte ji 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++.

Spropitné

Pokud chcete postupovat podle tohoto článku, ujistěte se, že máte pro Visual Studio vybraná nastavení jazyka C#. Informace o výběru nastavení integrovaného vývojového prostředí (IDE) najdete v tématu Výběr nastavení prostředí.

Vytvoření nového souboru kódu

Začněte tím, že vytvoříte nový soubor a přidáte do něj nějaký kód.

  1. Otevřete Visual Studio. Stisknutím klávesy Esc nebo kliknutím na Pokračovat bez kódu v úvodním okně otevřete vývojové prostředí.

  2. V nabídce Soubor na řádku nabídek zvolte Nový>Soubor.

  3. V dialogovém okně Nový soubor v kategorii Obecné zvolte třídy Visual C# a pak zvolte 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. Vyberte klávesu Esc nebo v úvodním okně zvolte Pokračovat bez kódu pro otevření vývojového prostředí.

  2. V nabídce Soubor na řádku nabídek zvolte Nový>Soubornebo vyberte klávesy Ctrl+N.

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

    V editoru se otevře nový soubor s kostru třídy 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.

Začínáme s GitHub Copilot v sadě Visual Studio. Mějte na paměti, že vyžaduje Visual Studio 2022 verze 17.8 nebo novější.

Použití fragmentů kódu

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

Pojďme do souboru přidat fragment kódu void Main jazyka C#.

  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ší 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ódu nebo vyberete Ctrl+K, Klávesy+X a pak zvolíte 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, což je řádek tlačítek pod řádkem nabídek v sadě Visual Studio, vám pomůže zvýšit produktivitu při psaní kódu. Například můžete přepínat 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ěnnou moreWords nepoužíváme, ale můžeme ji použít později, takže ji nechceme odstranit. Místo toho tyto řádky okomentujeme. Vyberte celou definici moreWords až po uzavírací středník a pak zvolte tlačítko Okomentovat vybrané řádky na panelu nástrojů editoru textu. Pokud chcete používat klávesnici, 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.

    Když chcete odkomentovat řádky, můžete je vybrat a potom vybrat Zrušit komentář vybraných řádků tlačítko na panelu nástrojů Textový editor. Pokud chcete používat klávesnici, vyberte 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.

Nechceme vidět prázdný konstruktor , který byl vygenerován pro Class1, takže abychom náš pohled na kód zpřehlednili, sbalme ho. 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 vyberte Ctrl+M, Ctrl+M klávesy.

snímek obrazovky tlačítka pro sbalení osnovy na panelu nástrojů textového editoru ve Visual Studio 2022

Blok kódu se sbalí pouze na první řádek, za nímž následuje výpustka (...). Pokud chcete blok kódu znovu rozbalit, vyberte stejné šedé pole, které teď obsahuje znaménko plus, nebo znovu vyberte Ctrl+M, Ctrl+M. Tato funkce se nazývá Strukturování a je obzvláště užitečná, když sbalujete dlouhé metody nebo celé třídy.

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 ve vyskakovacích oknách, nebo si dokonce prohlédnout definici jiného typu ze zkoumaného kódu.

    snímek obrazovky okna Náhled definice v sadě Visual Studio 2022

  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
    

    Uvidíte, jak vám IntelliSense zobrazí rychlé informace o query symbolu.

    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 po napsání dostatečného počtu znaků, abyste ho zpřesnili.

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

  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 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é