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.

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

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

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

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