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 10 perces bevezetőjében kódot adunk hozzá egy fájlhoz, hogy áttekintsük, milyen módokon teszi egyszerűbbé a Visual Studio a kód írását, navigálását és megértését.

Borravaló

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

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

Borravaló

A cikk követéséhez győződjön meg arról, hogy a Visual Studio C#-beállításai vannak kiválasztva. Az integrált fejlesztési környezet (IDE) beállításainak kiválasztásáról további információt Környezeti beállítások kiválasztásacímű témakörben talál.

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

Először hozzon létre egy új fájlt, és adjon hozzá egy kódot.

  1. Nyissa meg a Visual Studiót. Nyomja le Esc, vagy kattintson a Folytatás kód nélkül a kezdőablakban a fejlesztési környezet megnyitásához.

  2. A menüsáv Fájl menüjében válassza az Új>Fájlopciót.

  3. Az Új fájl párbeszédpanel Általános kategóriájában válassza Visual C# osztály, majd válassza a Megnyitáslehető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. Válassza a Esc kulcsot, vagy válassza a Folytatás kód nélkül a kezdőablakban a fejlesztői környezet megnyitásához.

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

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

    Megnyílik egy új fájl a szerkesztőben egy C#-osztály csontvázá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.

Kezdje el használni a GitHub Copilotot a Visual Studio-ben. Vegye figyelembe, hogy a Visual Studio 2022 17.8-s vagy újabb verzióját igényli.

Kódrészletek használata

A Visual Studio hasznos kódrészleteket biztosít, amelyekkel képes gyorsan és egyszerűen létrehozni gyakran használt kódblokkokat. kódrészletek különböző programozási nyelvekhez érhetők el, beleértve a C#, a Visual Basic és a C++ nyelvet.

Vegyük fel a C# void Main kódrészletet a fájlba.

  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 szignatúrája hozzáadva a fájlhoz. A Main() metódus a C#-alkalmazások belépési pontja.

A rendelkezésre álló kódrészletek különböző programozási nyelvek esetén eltérőek. A nyelvhez elérhető kódrészleteket a Szerkesztés>IntelliSense>Kódrészlet beszúrása vagy a Ctrl+K, Ctrl+X billentyűkombinációval, majd a programozási nyelv mappájának kiválasztásával tekintheti meg. 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, amely a Visual Studio menüsávjának gombsora, segít hatékonyabbá tenni a kódolást. Válthat például IntelliSense befejezési módra, 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() metódus 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. Nem a moreWords változót használjuk, de később is használhatjuk, így nem szeretnénk törölni. Ehelyett megjegyzéseket fűzünk ezekhez a sorokhoz. Jelölje ki a moreWords teljes definícióját a záró pontosvesszőig, majd válassza a A kijelölt sorok megjegyzése gombot a Szövegszerkesztő eszköztáron. Ha inkább a billentyűzetet szeretné használni, válassza Ctrl+K, Ctrl+C.

    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.

    Ha fel szeretné bontani a sorokat, kijelölheti őket, majd a Szövegszerkesztő eszköztáron válassza a A kijelölt sorok felbontása gombot. Ha inkább a billentyűzetet szeretné használni, válassza Ctrl+K, Ctrl+U.

    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 Class1számára létrehozott üres konstruktort, 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.

Nem szeretnénk látni a Class1számára generált üres konstruktor-et, ezért a kód áttekinthetősége érdekében csukjuk össze. Válassza ki a mínuszjellel ellátott kis szürke dobozt 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 Visual Studio 2022 Szövegszerkesztő eszköztárának vázlatösszecsukó gombjáról.

A kódblokk csupán az első sorra zsugorodik, majd három ponttal követve (...). Ha ismét ki szeretné bontani a kódblokkot, jelölje ki ugyanazt a szürke mezőt, amelyben most pluszjel van, vagy válassza Ctrl+M, Ctrl+M ismét. Ezt a funkciót tagolásának nevezzük, és különösen akkor hasznos, ha hosszú metódusokat vagy teljes osztályokat összecsuk.

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 a Definíció megtekintése lehetőséget 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 2022 Betekintő 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
    

    Az IntelliSense megjeleníti a gyors információt a query szimbólumról.

    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.

  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 Enterbillentyű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 átalakító funkcióját, hogy átnevezzük a someWords változót unsortedWords.

  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 query hozzárendelési utasításban szereplő unsortedWords 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: