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.

Tip

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

Pokud jste visual Studio ještě nenainstalovali, přejděte na stránku pro 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 C#, nebo vytvořit konzolovou aplikaci pomocí jazyka Visual Basic nebo C++.

Tip

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 sadu 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řídu 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.)

    Screenshot of a C# code file in Visual Studio.

  1. Otevřete sadu Visual Studio. Vyberte klávesu Esc nebo zvolte Pokračovat bez kódu v úvodním okně a otevřete vývojové prostředí.

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

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

    V editoru se otevře nový soubor s kostru třídy jazyka C#.

    Screenshot of a C# code file in Visual Studio 2022.

Použití GitHub Copilotu

GitHub Copilot funguje jako programátor páru AI, který poskytuje dokončování kódu ve stylu automatického dokončování a návrhy kódu s podporou kontextu při psaní kódu přímo v editoru v reálném čase. 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.

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 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 klávesu Tab.

Animated screenshot that shows the code suggestions generated by GitHub Copilot for the user comment.

Začínáme s GitHub Copilotem v sadě Visual Studio Všimněte si, že vyžaduje Visual Studio 2022 17.5.5 nebo novější.

Používání 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 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 zkratka : static void MainMain () metoda je vstupním bodem pro aplikace jazyka C#.)

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

    Screenshot of an IntelliSense pop-up for a code snippet in Visual Studio.

  2. Dvojím stisknutím klávesy Tab vložte fragment kódu.

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

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>fragment kódu Pro vložení IntelliSense>a pak zvolíte složku vašeho jazyka. V jazyce C# vypadá seznam takto:

Screenshot of an IntelliSense pop-up for a C# code snippet list.

  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 svm kódu.

    Screenshot of an IntelliSense pop-up for a code snippet in Visual Studio 2022.

  2. Dvojím výběrem klávesy Tab vložte fragment kódu.

    Do static void Main() souboru se přidá podpis metody. 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>fragment kódu Pro vložení IntelliSense>nebo vyberete ctrl+K, Ctrl+X a pak zvolíte složku pro váš programovací jazyk. V jazyce C# vypadá seznam fragmentů kódu takto:

Screenshot of an IntelliSense pop-up for a C# code snippet list.

Seznam obsahuje fragmenty kódu pro vytvoření třídy, konstruktoru, smyčky for, příkazu if nebo switch a další.

Zakomentování kódu

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 pomoc s kódováním, která zobrazuje seznam odpovídajících metod mimo jiné), zvýšit nebo zmenšit odsazení řádku nebo okomentovat kód, který nechcete kompilovat. V této části zakomentujeme nějaký kód.

Screenshot of the Editor toolbar in Visual Studio.

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

    // _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. Proměnnou morewords nepoužíváme, ale můžeme ji použít později, takže ji nechceme úplně odstranit. Místo toho tyto řádky okomentujme. Vyberte celou definici morewords uzavíracího středníku a pak zvolte tlačítko Okomentovat vybrané řádky na panelu nástrojů. Pokud chcete používat klávesnici, stiskněte Ctrl+K, Ctrl+C.

    Screenshot of the Comment out button in the Editor toolbar in Visual Studio.

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

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

Screenshot of the Text Editor toolbar in Visual Studio 2022.

Zakomentujme nějaký kód.

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

    // 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 dolů na uzavírací středník a pak zvolte tlačítko Okomentovat vybrané řádky na panelu nástrojů Textový editor. Pokud chcete používat klávesnici, vyberte Ctrl+K, Ctrl+C.

    Screenshot of the Comment out button in the Text Editor toolbar in Visual Studio 2022.

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

    Když chcete zrušit komentář řádků, můžete je vybrat a pak vybrat tlačítko Zrušit komentář vybraných řádků na panelu nástrojů Textový editor. Pokud raději používáte klávesnici, vyberte Ctrl+K, Ctrl+U.

    Screenshot of the Uncomment button in the Text Editor toolbar in Visual Studio 2022.

Sbalení bloků kódu

Nechceme vidět prázdný konstruktor , který byl vygenerován pro Class1, takže pro přehled našeho zobrazení kódu, pojďme ho sbalit. Zvolte malé šedé pole se znaménkem minus uvnitř na okraji prvního řádku konstruktoru. Nebo pokud dáváte přednost použití klávesnice, umístěte kurzor kamkoli do kódu konstruktoru a stiskněte Ctrl+M, Ctrl+M.

Screenshot of the Outlining collapse button in the Text Editor toolbar in Visual Studio.

Blok kódu se sbalí jenom na první řádek následovaný třemi tečkami (...). Pokud chcete blok kódu znovu rozbalit, klikněte na stejné šedé pole, které teď obsahuje znaménko plus, nebo stiskněte znovu Ctrl+M, Ctrl+M. Tato funkce se nazývá Osnova a je zvlášť užitečná, když sbalujete dlouhé metody nebo celé třídy.

Nechceme vidět prázdný konstruktor , který byl vygenerován pro Class1, takže pro přehled našeho zobrazení kódu, pojďme ho sbalit. Zvolte malé šedé pole se znaménkem minus uvnitř na okraji prvního řádku konstruktoru. Nebo pokud dáváte přednost použití klávesnice, umístěte kurzor kamkoli do kódu konstruktoru a vyberte klávesy Ctrl+M, Ctrl+M.

Screenshot of the Outlining collapse button in the Text Editor toolbar in Visual Studio 2022.

Blok kódu se sbalí jenom na první řádek následovaný třemi tečkami (...). Pokud chcete blok kódu znovu rozbalit, vyberte stejné šedé pole, které teď obsahuje znaménko plus, nebo znovu stiskněte Ctrl+M, Ctrl+M. Tato funkce se nazývá Osnova a je zvlášť 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 k definici kdekoli, kde se na symbol odkazuje. Ještě rychlejší způsob, jak přesunout fokus mimo soubor, ve kterém pracujete, je použít funkci Náhled definice. Pojďme se podívat na definici string typu.

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

    Zobrazí se automaticky otevírané okno s definicí String třídy. Můžete se posouvat v automaticky otevíraných oknech nebo si dokonce prohlédnout definici jiného typu z náhledu kódu.

    Screenshot of a Peek definition window in 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 k definici nebo vyberete klávesu F12 kdekoli, kde se na symbol odkazuje. Ještě rychlejší způsob, jak nepřesunout fokus mimo kód, na kterém pracujete, je použít funkci Náhled definice.

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

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

    Zobrazí se automaticky otevírané okno s definicí String třídy. Můžete se posouvat v automaticky otevíraných oknech nebo si dokonce prohlédnout definici jiného typu z náhledu kódu.

    Screenshot of the Peek definition window in 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 po zadání dostatečného počtu znaků k jeho nejednoznačnosti. 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 funkce IntelliSense s rychlými informacemi o symbolu query .

    Screenshot of an IntelliSense word completion pop-up in Visual Studio.

  2. Pokud chcete vložit zbytek slova pomocí funkce dokončování slov query 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 tak, že zadáte cw a pak dvakrát stisknete klávesu Console.WriteLine Tab a vygenerujete kód.

    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 zadání dostatečného počtu znaků k jeho nejednoznačnosti.

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 .

    Screenshot of an IntelliSense word completion pop-up in Visual Studio 2022.

  2. Pokud chcete zbývající slovo vložit pomocí dokončování slov query IntelliSense, vyberte klávesu Tab .

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

    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 funkci refaktoringu sady Visual Studio, abychom proměnnou _words přejmenovali na words.

  1. Umístěte kurzor na definici _words proměnné a v místní nabídce klikněte pravým tlačítkem myši nebo vyberte Přejmenovat nebo stiskněte Ctrl+R, Ctrl+R.

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

  2. Zadejte slova požadovaného názvu. 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 automaticky otevíraných oknech.

    Screenshot of a Rename dialog box in Visual Studio.

  3. Stiskněte klávesu Enter.

    Oba výskyty byly přejmenovány words , 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 funkci refaktoringu sady Visual Studio, abychom proměnnou someWords přejmenovali na unsortedWords.

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

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

    Screenshot of the Rename pop-up box within the editor of Visual Studio 2022.

  2. Zadejte požadovaný název bez řazeníWords. Uvidíte, že odkaz na unsortedWords příkaz query přiřazení se také automaticky přejmenuje. Než vyberete klávesu Enter , zaškrtněte políčko Zahrnout komentáře v automaticky otevírané okno Přejmenovat .

    Screenshot of the Rename pop-up box in 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é