Dela via


Lär dig hur du använder kodredigeraren med C#

I den här 10-minuters introduktionen till kodredigeraren i Visual Studio lägger vi till kod i en fil för att titta på några av de sätt som Visual Studio gör det enklare att skriva, navigera och förstå C#-kod.

Om du inte redan har installerat Visual Studio går du till Visual Studio-nedladdningar sidan för att installera den kostnadsfritt.

Den här artikeln förutsätter att du redan är bekant med C#. Om du inte gör det föreslår vi att du tittar på en självstudiekurs som Kom igång med C# och ASP.NET Core i Visual Studio först.

Tips

Om du vill följa med i den här artikeln kontrollerar du att C#-inställningarna har valts för Visual Studio. Information om hur du väljer inställningar för den integrerade utvecklingsmiljön (IDE) finns i Välj miljöinställningar.

Skapa en ny kodfil

Börja med att skapa en ny fil och lägga till kod i den.

  1. Öppna Visual Studio. Tryck på Esc eller klicka på Fortsätt utan kod i startfönstret för att öppna utvecklingsmiljön.

  2. På menyn Arkiv på menyraden väljer du Ny>Fileller trycker på Ctrl+N.

  3. I dialogrutan Ny fil går du till kategorin Allmänt, väljer Visual C# Classoch väljer sedan Öppna.

    En ny fil öppnas i redigeraren med stommen i en C#-klass. (Observera att vi inte behöver skapa ett fullständigt Visual Studio-projekt för att få några av de fördelar som kodredigeraren erbjuder. Allt du behöver är en kodfil!)

    Skärmbild av en C#-kodfil i Visual Studio.

  1. Öppna Visual Studio. Tryck på Esceller välj Fortsätt utan kod i startfönstret för att öppna utvecklingsmiljön.

  2. På menyn Arkiv på menyraden väljer du Ny>Fileller trycker på Ctrl+N.

  3. I dialogrutan Ny fil går du till kategorin Allmänt, väljer Visual C# Classoch väljer sedan Öppna.

    En ny fil öppnas i redigeraren med stommen i en C#-klass. Du behöver inte skapa ett fullständigt Visual Studio-projekt för att få några av de fördelar som kodredigeraren erbjuder – allt du behöver är en kodfil.

    Skärmbild av en C#-kodfil i Visual Studio 2022.

Använd kodfragment

Visual Studio innehåller användbara kodfragment som du kan använda för att snabbt och enkelt generera vanliga kodblock. kodfragment är tillgängliga för olika programmeringsspråk, inklusive C#, Visual Basic och C++.

Nu ska vi lägga till kodfragmentet C# void Main i filen.

  1. Placera markören precis ovanför den sista avslutande klammerparentesen } i filen och skriv tecknen svm (som står för static void Main– oroa dig inte för mycket om du inte vet vad det innebär).

    En popup-dialogruta visas med information om kodfragmentet svm.

    Skärmbild av ett IntelliSense-popup-fönster för ett kodfragment i Visual Studio.

  2. Tryck på Tabb två gånger för att infoga kodfragmentet.

    Du ser static void Main()-metodsignaturen läggs till i filen. Metoden Main() är startpunkten för C#-program.

De tillgängliga kodfragmenten varierar för olika programmeringsspråk. Du kan titta på de tillgängliga kodfragmenten för ditt språk genom att välja Redigera>IntelliSense>Infoga kodfragment eller trycka Ctrl+K, Ctrl+Xoch sedan välja språkmappen. För C#ser listan ut så här:

Skärmbild av ett IntelliSense-popup-fönster för en C#-kodfragmentlista.

  1. Placera markören precis ovanför den sista avslutande klammerparentesen } i filen och skriv tecknen svm. svm står för static void Main– oroa dig inte om du inte vet vad det innebär ännu.

    En popup-dialogruta visas med information om kodfragmentet svm.

    Skärmbild av ett IntelliSense-popup-fönster för ett kodfragment i Visual Studio 2022.

  2. Tryck på Tabb två gånger för att infoga kodfragmentet.

    Du kommer att se static void Main()-metodsignaturen läggas till i filen. Metoden Main() är startpunkten för C#-program.

Tillgängliga kodfragment varierar för olika programmeringsspråk. Du kan titta på de tillgängliga kodfragmenten för ditt språk genom att välja Redigera>IntelliSense>Infoga kodfragment eller trycka på Ctrl+K, Ctrl+Xoch sedan välja mappen för programmeringsspråket. För C#ser kodfragmentlistan ut så här:

Skärmbild av ett IntelliSense-popup-fönster för en C#-kodfragmentlista.

Listan innehåller kodfragment för att skapa en -klass, en -konstruktör, en för-loop, en if eller switch-instruktion, med mera.

Kommentera ut kod

Verktygsfältet, som är raden med knappar under menyraden i Visual Studio, kan göra dig mer produktiv när du kodar. Du kan till exempel växla IntelliSense-slutförandeläge (IntelliSense är ett kodningsstöd som visar en lista över matchande metoder, bland annat), öka eller minska ett radindrag eller kommentera ut kod som du inte vill kompilera. I det här avsnittet kommenterar vi ut lite kod.

Skärmbild av verktygsfältet Redigerare i Visual Studio.

  1. Klistra in följande kod i Main()-metodtexten.

    // _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. Vi använder inte variabeln morewords, men vi kan använda den senare så att vi inte vill ta bort den helt. I stället ska vi kommentera ut raderna. Välj hela definitionen av morewords till det avslutande semikolonet och välj sedan knappen Kommentera ut de markerade raderna i verktygsfältet. Om du föredrar att använda tangentbordet trycker du på Ctrl+K, Ctrl+C.

    Skärmbild av knappen Kommentera ut i verktygsfältet Redigerare i Visual Studio.

    C#-kommentarstecken // läggs till i början av varje vald rad för att kommentera ut koden.

Verktygsfältet, som är raden med knappar under menyraden i Visual Studio, hjälper dig att göra dig mer produktiv när du kodar. Du kan till exempel växla IntelliSense slutförandeläge, öka eller minska ett radindrag eller kommentera ut kod som du inte vill kompilera.

Skärmbild av verktygsfältet Textredigeraren i Visual Studio 2022.

Låt oss kommentera ut lite kod.

  1. Klistra in följande kod i Main()-metodtexten.

    // 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. Vi använder inte variabeln moreWords, men vi kan använda den senare så att vi inte vill ta bort den. I stället kommenterar vi ut raderna. Välj hela definitionen av moreWords ned till det avslutande semikolonet och välj sedan knappen Kommentera ut de markerade raderna i verktygsfältet. Om du föredrar att använda tangentbordet trycker du på Ctrl+E, Ctrl+C.

    Skärmbild av knappen Kommentera ut i verktygsfältet Textredigeraren i Visual Studio 2022.

    C#-kommentarstecken // läggs till i början av varje vald rad för att kommentera ut koden.

Fäll ihop kodblock

Vi vill inte se den tomma konstruktorn som genererades för Class1, så för att rensa upp vår vy av koden, låt oss fälla ihop den. Välj den lilla grå rutan med minustecknet inuti den i marginalen för konstruktorns första rad. Om du föredrar att använda tangentbordet placerar du markören var som helst i konstruktorkoden och trycker på Ctrl+M, Ctrl+M.

Skärmbild av knappen Dölj i verktygsfältet Textredigeraren i Visual Studio.

Kodblocket komprimeras bara till den första raden, följt av en ellips (...). Om du vill expandera kodblocket igen klickar du på samma grå ruta som nu har ett plustecken eller trycker på Ctrl+M, Ctrl+M igen. Den här funktionen kallas Outlining och är särskilt användbar när du fäller ihop långa metoder eller hela klasser.

Skärmbild av knappen Dölj i verktygsfältet Textredigeraren i Visual Studio 2022.

Kodblocket komprimeras bara till den första raden, följt av en ellips (...). Om du vill expandera kodblocket igen markerar du samma grå ruta som nu har ett plustecken eller trycker på Ctrl+M, Ctrl+M igen. Den här funktionen kallas Outlining och är speciellt användbar när du komprimerar långa metoder eller hela klasser.

Visa symboldefinitioner

Visual Studio-redigeraren gör det enkelt att granska definitionen av en typ, metod osv. Ett sätt är att navigera till filen som innehåller definitionen, till exempel genom att välja Gå till definition eller trycka på F12 var symbolen än refereras. Ett ännu snabbare sätt att inte flytta fokus från filen du arbetar i är att använda Peek Definition. Nu ska vi titta på definitionen av den string typen.

  1. Högerklicka på alla förekomster av string och välj Peek Definition på innehållsmenyn. Eller tryck på Alt+F12.

    Ett popup-fönster visas med definitionen av klassen String. Du kan bläddra i pop-up-fönstret eller till och med titta på definitionen av en annan typ från den förhandsgranskade koden.

    Skärmbild av ett fönster för definitionsförhandsgranskning i Visual Studio.

  2. Stäng det förhandsgranskade definitionsfönstret genom att välja den lilla rutan med ett "x" längst upp till höger i popup-fönstret.

Visual Studio-redigeraren gör det enkelt att granska definitionen av en typ, metod eller variabel. Ett sätt är att gå till definitionen, oavsett vilken fil som har den, genom att välja Gå till definition eller trycka på F12 någonstans där en symbol refereras. Ett ännu snabbare sätt att inte flytta fokus från koden du arbetar med är att använda Peek Definition.

Nu ska vi titta på definitionen av den string typen.

  1. Högerklicka på alla förekomster av string och välj Peek Definition på innehållsmenyn. Eller tryck på Alt+F12.

    Ett popup-fönster visas med definitionen av klassen String. Du kan bläddra i popup-fönstret eller till och med titta på definitionen av en annan typ från den förhandsgranskade koden.

    Skärmbild av fönstret Granska definition i Visual Studio 2022.

  2. Stäng definitionsfönstret genom att välja den lilla rutan med ett "x" längst upp till höger i popup-fönstret.

Använda IntelliSense för att slutföra ord

IntelliSense är en ovärderlig resurs när du kodar. Den kan visa information om tillgängliga medlemmar av en typ eller parametervärden för olika överbelastningar av en metod. Du kan också använda IntelliSense för att slutföra ett ord när du har skrivt tillräckligt med tecken för att skilja det åt. Nu ska vi lägga till en kodrad för att skriva ut de ordnade strängarna i konsolfönstret, vilket är standardplatsen för utdata från programmet att gå till.

  1. Under variabeln query börjar du skriva följande kod:

    foreach (string str in qu
    

    Du ser IntelliSense visa snabbinformation om query-symbolen.

    Skärmbild av IntelliSense-ordkompletteringspopup i Visual Studio.

  2. Om du vill infoga resten av ordet query med hjälp av IntelliSenses ordkompletteringsfunktion trycker du på Tabb.

  3. Slutför kodblocket så att det ser ut som följande kod. Du kan till och med öva på att använda kodfragment igen genom att ange cw och sedan trycka på Tab två gånger för att generera Console.WriteLine-koden.

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

IntelliSense är en ovärderlig resurs när du kodar. Den kan visa information om tillgängliga medlemmar av en typ eller detaljer för olika metodöverbelastningar. Du kan också använda IntelliSense för att slutföra ett ord när du har skrivt tillräckligt med tecken för att skilja det åt.

Nu ska vi lägga till en kodrad för att skriva ut de ordnade strängarna i konsolfönstret, vilket är standardplatsen för utdata från programmet att gå till.

  1. Under variabeln query börjar du skriva följande kod:

    foreach (string str in qu
    

    Du ser ett IntelliSense-popup-fönster med information om query-symbolen.

    Skärmbild av popup-fönstret IntelliSense-ordavslut i Visual Studio 2022.

  2. Om du vill infoga resten av ordet query med hjälp av IntelliSense-ordkomplettering trycker du på Tabb.

  3. Slutför kodblocket så att det ser ut som följande kod. Du kan öva vidare med kodfragment genom att ange cw och sedan trycka på Tabb två gånger för att generera Console.WriteLine-instruktionen.

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

Omstrukturera ett namn

Ingen får kod rätt första gången, och en av de saker du kan behöva ändra är namnet på en variabel eller metod. Nu ska vi prova Visual Studios refaktorfunktion för att byta namn på variabeln _words till words.

  1. Placera markören över definitionen av variabeln _words och välj Byt namn på från snabbmenyn eller tryck på Ctrl+R, Ctrl+R.

    En popup-Dialogrutan Byt namn visas längst upp till höger i redigeraren.

  2. Ange önskat namn ord. Observera att referensen till words i frågan också byter namn automatiskt. Innan du trycker på Retur, markerar du kryssrutan Inkludera kommentarer i popup-rutan 'Byt namn' .

    Skärmbild av dialogrutan Byt namn i Visual Studio.

  3. Tryck på Enter.

    Båda förekomsterna av words har bytt namn, samt referensen till words i kodkommenten.

Ingen får kod rätt första gången, och en av de saker du kan behöva ändra är namnet på en variabel eller metod. Nu ska vi prova Visual Studios refaktorfunktion för att byta namn på variabeln someWords till unsortedWords.

  1. Placera markören över definitionen av variabeln someWords och välj Byt namn på från snabbmenyn eller tryck på F2.

    En dialogruta Byt namn visas längst upp till höger i redigeraren.

    Skärmbild av popup-rutan Byt namn i redigeraren för Visual Studio 2022.

  2. Ange önskat namn osorterade ord. Du ser att referensen till unsortedWords i query-tilldelningsuttrycket också automatiskt byts om namn. Innan du trycker på Returmarkerar du kryssrutan Inkludera kommentarer i popup-rutan Byt namn.

    Skärmbild av popup-rutan Byt namn i Visual Studio 2022.

  3. Tryck på Retureller välj Använd i dialogrutan Byt namn på.

    Båda förekomsterna av someWords i koden har bytt namn, samt texten someWords i kodkommenten.

Nästa steg

Se även