Megosztás a következőn keresztül:


A kódszerkesztő használatának megismerése

A Visual Studio kódszerkesztőjének ebben a bevezetőjében kódot fog hozzáadni egy fájlhoz, és megtudhatja, hogyan segíti a Visual Studio a kód írását, navigálását és megértését.

Tip

Ha nem rendelkezik Visual Studióval, menjen a Visual Studio letöltések oldalra az ingyenes telepítéshez.

Ha még nem telepítette a Visual Studiót, lépjen a Visual Studio letöltési lapjára, és telepítse ingyenesen.

Ez a cikk feltételezi, hogy már ismeri a programozási nyelvet. Ha nem, javasoljuk, hogy először tekintse meg az egyik programozási rövid útmutatót, például hozzon létre egy webalkalmazást Python vagy C#, vagy hozzon létre egy konzolalkalmazást Visual Basic vagy C++.

Prerequisites

Új kódfájl létrehozása

Hozzon létre egy új fájlt, és adjon hozzá egy kódot.

  1. Nyissa meg a Visual Studiót. Nyomja le Esc vagy válassza a Folytatás kód nélkül lehetőséget a kezdőablakban a fejlesztői környezet megnyitásához.

  2. A menüsáv Fájl menüjében válassza az Új>fájl lehetőséget.

  3. Az Új fájl párbeszédpanel Általános kategóriája alatt válassza a Visual C# osztályt, majd a Megnyitás lehetőséget.

    Megnyílik egy új fájl a szerkesztőben egy C#-osztály csontvázával. (Figyelje meg, hogy nem kell teljes Visual Studio-projektet létrehoznunk, hogy kihasználhassuk a kódszerkesztő által kínált előnyöket; mindössze egy kódfájlra van szüksége!)

    Képernyőkép egy C#-kódfájlról a Visual Studióban.

  1. Nyissa meg a Visual Studiót. A fejlesztési környezet megnyitásához válassza az Esc billentyűt, vagy válassza a Folytatás kód nélkül lehetőséget a kezdőablakban.

  2. A menüsáv Fájl menüjében válassza az Új>fájl vagy a Ctrl+N billentyűkombinációt.

  3. Az Új fájl párbeszédpanel Általános kategóriája alatt válassza a C# osztály lehetőséget, majd válassza a Megnyitás lehetőséget.

    Megnyílik egy új fájl a szerkesztőben egy alapszintű C# osztálystruktúrával.

    Képernyőkép egy C#-kódfájlról a Visual Studio 2022-ben.

A GitHub Copilot használata

A GitHub Copilot úgy működik, mint egy AI-párprogramozó, valós időben, közvetlenül a szerkesztőben ad automatikus kiegészítési stílusú kódkiegészítéseket és környezet-tudatos többsoros kódjavaslatokat, miközben ön kódol. A GitHub Copilot a természetes nyelvi utasításokat, köztük a megjegyzéseket és a metódusneveket kódolási javaslatokká alakítja. A GitHub Copilot javaslatait közvetlenül a szerkesztőben tekintheti meg és építheti be.

Használjuk a Copilot kódjavaslatok létrehozásához:

  1. Helyezze a kurzort közvetlenül az utolsó záró zárójel alá } a fájlban.

  2. Írjon be egy természetes nyelvű megjegyzést: // Add a method to add two numbers és Adja meg.

  3. A GitHub Copilot létrehoz önnek egy kódjavaslatot. A javasolt implementáció szürke szövegben jelenik meg.

  4. A javaslat elfogadásához válassza Tablehetőséget.

    Animált képernyőkép, amely a GitHub Copilot által a felhasználói megjegyzéshez létrehozott kódjavaslatokat jeleníti meg.

Használjuk a Copilot Chatet egy kódolással kapcsolatos kérdés kérésként való elküldéséhez:

  1. Válassza ki a GitHub Copilot jelvényt az IDE jobb felső sarkában.

  2. Válassza Csevegőablak megnyitása lehetőséget a legördülő listában.

  3. Írja be a következő üzenetet a csevegőablakba:

    
    Generate sample code for a simple C# method to add two numbers.
    
    
  4. A Copilot Chat mintakódot hoz létre a kérésre válaszul.

A GitHub Copilot mesterséges intelligenciával működik, így meglepetések és hibák lehetségesek. További információ: GitHub Copilot – gyakori kérdések.

Kezdje el használni a GitHub Copilotot a Visual Studio-ben.

Kódrészletek használata

A Visual Studio hasznos kódrészleteket biztosít, amelyekkel gyorsan létrehozhat gyakran használt kódblokkokat. A kódrészletek számos programozási nyelvhez érhetők el, beleértve a C#, a Visual Basic és a C++ nyelvet.

Most adja hozzá a C# void Main -kódrészletet a fájlhoz.

  1. Helyezze a kurzort közvetlenül az utolsó záró zárójel fölé } a fájlba, és írja be a karaktereket svm. (svm jelentése static void Main; a Main() metódus a C#- alkalmazások belépési pontja.)

    Megjelenik egy előugró párbeszédpanel a svm kódrészlettel kapcsolatos információkkal.

    Képernyőkép a Visual Studióban található kódrészlet IntelliSense előugró ablakáról.

  2. A kódrészlet beszúrásához nyomja le kétszer Tab.

    Ekkor megjelenik a static void Main() metódus aláírása a fájlhoz.

A rendelkezésre álló kódrészletek eltérőek a különböző programozási nyelvek esetében. A nyelvhez elérhető kódrészletek megtekintéséhez válassza a Szerkesztés>IntelliSense>Kódrészlet beszúrásalehetőséget, majd válassza ki a nyelv mappáját. C# esetén a lista a következőképpen néz ki:

A C#-kódrészletek listájához tartozó IntelliSense előugró ablak képernyőképe.

  1. Helyezze a kurzort közvetlenül a záró zárójel } fölé a fájlban, és írja be a karaktereket svm.

    Megjelenik egy előugró párbeszédpanel a svm kódrészlettel kapcsolatos információkkal.

    A Visual Studio 2022 kódrészletéhez tartozó IntelliSense előugró ablak képernyőképe.

  2. A kódrészlet beszúrásához kétszer válassza ki a Tab billentyűt.

    Ekkor megjelenik a static void Main() metódus aláírása a fájlhoz. A Main() metódus a C#-alkalmazások belépési pontja.

A rendelkezésre álló kódrészletek programozási nyelv szerint változnak. A nyelvhez elérhető kódrészletek megtekintéséhez válassza a Szerkesztés>IntelliSense>Beszúrási kódrészlet lehetőséget, vagy nyomja meg a Ctrl+K, Ctrl+X billentyűkombinációt, majd válassza ki a programozási nyelv mappáját. C# esetén a kódrészletek listája a következőképpen néz ki:

C#-kódrészletek listájához tartozó IntelliSense előugró ablak képernyőképe.

A lista kódrészleteket tartalmaz a osztály-hoz, a konstruktor-hoz, a for ciklushoz, egy if vagy egy switch utasítást, és még többet.

Kód kikommentelése

Az eszköztár, amely a Visual Studio menüsávjának gombsora, hatékonyabbá teheti a kódolást. Válthat például az IntelliSense befejezési módjára (Az IntelliSense olyan kódolási segéd, amely többek között megjeleníti az egyező metódusok listáját), növelheti vagy csökkentheti a sorbehúzást, vagy megjegyzést fűzhet a lefordítani nem kívánt kódhoz. Ebben a szakaszban néhány kódot fogunk megjegyzésbe fűzni.

A Visual Studio Szerkesztő eszköztárának képernyőképe.

  1. Illessze be a következő kódot a Main() függvény törzsébe.

    // _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. Nem a morewords változót használjuk, de később is használhatjuk, így nem szeretnénk teljesen törölni. Ehelyett jegyezzük fel ezeket a sorokat. Jelölje ki a morewords teljes definícióját a záró pontosvesszőig, majd válassza a A kijelölt sorok kikommentelése gombot az eszköztáron. Ha inkább a billentyűzetet szeretné használni, nyomja le Ctrl+K, Ctrl+C.

    Képernyőkép a Visual Studio szerkesztő eszköztárának Megjegyzés kikapcsolása gombjáról.

    A C# megjegyzéskarakterek // az egyes kijelölt sorok elejére kerülnek a kód megjegyzéséhez.

A Szövegszerkesztő eszköztár, a Visual Studio menüsávja alatti gombok sora segíti a hatékonyabb kódolást. Beállíthatja például az IntelliSense befejezési módját, növelheti vagy csökkentheti a sorbehúzást, vagy megjegyzést fűzhet a lefordítani nem kívánt kódhoz.

Képernyőkép a Visual Studio 2022 Szövegszerkesztő eszköztáráról.

Kommenteljünk ki néhány kódsort.

  1. Illessze be a következő kódot a Main() függvény törzsébe.

    // 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. A moreWords változó jelenleg nincs használatban, de később is használhatja, ezért törlés helyett megjegyzéseket fűzhet ezekhez a sorokhoz. Jelölje ki a teljes definíciót moreWords a záró pontosvesszőig, majd válassza a Szövegszerkesztő eszköztár kijelölt sorainak megjegyzése gombját, vagy a Ctrl+K, CtrlC+.

    Képernyőkép a Visual Studio 2022 Szövegszerkesztő eszköztárÁnak Megjegyzés kiírás gombjáról.

    A C# megjegyzéskarakterek // az egyes kijelölt sorok elejére kerülnek a kód megjegyzéséhez.

    A vonalak kijelöléséhez jelölje ki őket, majd válassza a Kijelölt sorok kibontása gombot a Szövegszerkesztő eszköztáron, vagy a Ctrl+K, CtrlU+.

    Képernyőkép a Visual Studio 2022 Szövegszerkesztő eszköztárÁnak Megjegyzés feloldása gombjáról.

Kódblokkok összecsukása

Nem szeretnénk látni a számára létrehozott üres Class1, ezért a kód átláthatósága érdekében csukjuk össze. Válassza ki a konstruktor első sorának margóján található kis szürke négyzetet, amelyben mínuszjel van. Vagy ha inkább a billentyűzetet szeretné használni, helyezze a kurzort a konstruktor kódjába, és nyomja le Ctrl+M, Ctrl+M.

Képernyőkép a Visual Studio Szövegszerkesztő eszköztárának Vázlat összecsukó gombjáról.

A kódblokk csak az első sorra zsugorodik, majd három ponttal (...). A kódblokk ismételt kibontásához kattintson arra a szürke mezőre, amelyben most pluszjel van, vagy nyomja le Ctrl+M, Ctrl+M ismét. Ezt a funkciót Outlining-nek nevezzük, és különösen akkor hasznos, ha hosszú metódusokat vagy teljes osztályokat össze kell csukni.

Ha nem szeretné látni az számára létrehozott üres Class1, összecsukhatja, hogy átláthatóbb legyen a kód nézete. Válassza ki a karet jelet a konstruktor első sorának margóján. Vagy ha inkább a billentyűzetet szeretné használni, helyezze a kurzort a konstruktor kódjába, és válassza a Ctrl+M, Ctrl+M billentyűket.

Képernyőkép a Szövegszerkesztő eszköztár Outlining collapse gombjáról.

A kódblokk csak az első sorra zsugorodik, majd három ponttal (...). A kódblokk ismételt kibontásához jelölje ki a simítójelet (>), vagy válassza a Ctrl+M, Ctrl+M ismét. Ezt a funkciót Outlining-nek nevezzük, és különösen akkor hasznos, ha hosszú metódusokat vagy teljes osztályokat össze kell csukni.

Szimbólumdefiníciók megtekintése

A Visual Studio szerkesztőjében könnyen megvizsgálhatjuk egy típus, metódus stb. definícióját. Az egyik módja annak, hogy elnavigáljunk a definíciót tartalmazó fájlhoz, például a Ugrás a definícióhoz választásával, ahol a szimbólum meg van említve. Még gyorsabb módszer, hogy ne veszítse el a fókuszt a fájlról, amelyen dolgozik, az a Betekintő definícióhasználata. Nézzük meg a string típus definícióját.

  1. Kattintson a jobb gombbal a string bármely előfordulására, és válassza Betekintő definíció a tartalom menüből. Vagy nyomja le Alt+F12billentyűt.

    Megjelenik egy előugró ablak a String osztály definíciójával. Görgethet az előugró ablakban, vagy akár egy másik típus definícióját is megtekintheti a betekintett kódból.

    Képernyőkép a Visual Studióban található Betekintő definíció ablakáról.

  2. Zárja be a betekintett definíciós ablakot az előugró ablak jobb felső sarkában található "x" kis mező kiválasztásával.

A Visual Studio szerkesztője megkönnyíti egy típus, metódus vagy változó definíciójának vizsgálatát. Az egyik módja, hogy eljussunk a definícióhoz, bármelyik fájlban is legyen, az Ugrás a definícióra lehetőség kiválasztása vagy a F12 billentyű megnyomása, bárhol is van egy szimbólumra hivatkozva. Egy még gyorsabb módszer, amely nem vonja el a figyelmet a használt kódról, a Betekintő definícióhasználata.

Nézzük meg a string típus definícióját.

  1. Kattintson a jobb gombbal a string bármely előfordulására, és válassza Betekintő definíció a tartalom menüből. Vagy válassza a Alt+F12 billentyűket.

    Megjelenik egy előugró ablak a String osztály definíciójával. Görgethet az előugró ablakban, vagy akár egy másik típus definícióját is megtekintheti a betekintett kódból.

    Képernyőkép a Visual Studio Peek definíció ablakáról.

  2. Zárja be a betekintő definíció ablakát az előugró ablak jobb felső sarkában található "x" kis mező kiválasztásával.

Szavak kitöltése az IntelliSense használatával

Kódoláskor az IntelliSense felbecsülhetetlen értékű erőforrás. Megjelenítheti a típus elérhető tagjaival kapcsolatos információkat, vagy a metódus különböző túlterheléseinek paraméteradatait. Az IntelliSense használatával is befejezhet egy szót, miután elegendő karaktert írt be ahhoz, hogy egyértelműsítse azt. Adjunk hozzá egy kódsort, amely kinyomtatja a rendezett sztringeket a konzolablakban, amely a program kimenetének szokásos helye.

  1. A query változó alatt kezdje el beírni a következő kódot:

    foreach (string str in qu
    

    Ön az IntelliSense-ben a szimbólumhoz tartozó query) láthatja.

    Képernyőkép egy IntelliSense szókiegészítési előugró ablakról a Visual Studióban.

  2. Az query szó beszúrásához az IntelliSense szókiegészítési funkciójának használatával nyomja meg a Tabbillentyűt.

  3. Fejezze be a kódblokkot a következő kódhoz hasonlóan. Még a kódrészletek használatát is gyakorolhatja, ha beírja cw, majd kétszer lenyomja Tab a Console.WriteLine kód létrehozásához.

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

Kódoláskor az IntelliSense felbecsülhetetlen értékű erőforrás. Megjelenítheti a típus elérhető tagjaival kapcsolatos információkat, vagy a metódus különböző túlterheléseinek paraméteradatait. Az IntelliSense használatával is befejezhet egy szót, miután elegendő karaktert írt be ahhoz, hogy egyértelműsítse azt.

Adjunk hozzá egy kódsort, amely kinyomtatja a rendezett sztringeket a konzolablakban, amely a program kimenetének szokásos helye.

  1. A query változó alatt kezdje el beírni a következő kódot:

    foreach (string str in qu
    

    Megjelenik egy IntelliSense előugró ablak a query szimbólummal kapcsolatos információkkal.

    Képernyőkép egy IntelliSense szókiegészítési előugró ablakról a Visual Studio 2022-ben.

    Ha Copilot-előfizetéssel rendelkező GitHub-fiókkal van bejelentkezve, akkor a kódjavaslatok szürke szövegként jelennek meg.

  2. Ha az IntelliSense szókiegészítéssel szeretné beszúrni a query szót, válassza a Tab billentyűt.

  3. Fejezze be a kódblokkot a következő kódhoz hasonlóan. Kódrészletekkel való gyakorláshoz használja a következő lépéseket: írja be a cw kódot, majd válassza ki kétszer a Tab, hogy létrehozza az Console.WriteLine utasítást.

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

Név refaktorálása

Első alkalommal senki sem kap kódot, és az egyik dolog, amit esetleg módosítania kell, egy változó vagy metódus neve. Próbáljuk ki a Visual Studio refaktorálási funkcióját, hogy átnevezzük a _words változót words-ra.

  1. Vigye a kurzort a _words változó definíciója fölé, és a jobb gombbal vagy a helyi menüben válassza az Átnevezés lehetőséget, vagy nyomja le Ctrl+R, Ctrl+R.

    Megjelenik egy előugró Átnevezés párbeszédpanel a szerkesztő jobb felső sarkában.

  2. Adja meg a kívánt nevet szavakat. Figyelje meg, hogy a lekérdezésben szereplő words hivatkozás is automatikusan átnevezve lesz. Az Enterbillentyű lenyomása előtt jelölje be a Megjegyzések belefoglalása jelölőnégyzetet az Átnevezés előugró ablakban.

    Képernyőkép a Visual Studio Átnevezés párbeszédpaneléről.

  3. Nyomja le az Enter billentyűt.

    A words mindkét előfordulását, valamint a words hivatkozást a kód megjegyzésében átnevezték.

Első alkalommal senki sem kap kódot, és az egyik dolog, amit esetleg módosítania kell, egy változó vagy metódus neve. Próbáljuk ki a Visual Studio refaktorálási funkcióját, hogy átnevezzük a someWords változót unsortedWords-ra.

  1. Vigye a kurzort a someWords változó definíciója fölé, majd a jobb gombbal vagy a helyi menüben válassza az Átnevezés lehetőséget, vagy válassza a F2 billentyűt.

    A szerkesztő jobb felső sarkában megjelenik egy Átnevezés párbeszédpanel.

    Képernyőkép a Visual Studio 2022 szerkesztőjében található Átnevezés előugró ablakról.

  2. Adja meg a kívánt nevet unsortedWords. Láthatja, hogy a unsortedWords hozzárendelési utasításban szereplő query hivatkozás is automatikusan átnevezve lesz. Az Enter billentyű kiválasztása előtt jelölje be a Megjegyzések belefoglalása jelölőnégyzetet az Átnevezés előugró ablakban.

    Képernyőkép a Visual Studio 2022 Átnevezés előugró ablakáról.

  3. Válassza az Enter billentyűt.

    A kódodban szereplő someWords mindkét előfordulását átnevezték, valamint a kód megjegyzésében a someWords szöveget.

Következő lépések

Lásd még