Узнайте, как использовать редактор кода

В этом 10-минутном руководстве в редакторе кода в Visual Studio мы добавим код в файл, чтобы просмотреть некоторые из способов, которые Visual Studio упрощает написание, навигацию и понимание кода.

Совет

Если вы еще не установили Visual Studio, перейдите на страницу загрузок Visual Studio, чтобы установить его бесплатно.

Если вы еще не установили Visual Studio, перейдите на страницу загрузки Visual Studio, чтобы установить его бесплатно.

В этой статье предполагается, что вы уже знакомы с языком программирования. Если это не так, мы рекомендуем сначала ознакомиться с одним из кратких руководств по программированию, например создать веб-приложение с Python или C#или создать консольное приложение с Visual Basic или C++.

Совет

Чтобы следовать этой статье, убедитесь, что для Visual Studio выбраны параметры C#. Сведения о выборе параметров интегрированной среды разработки (IDE) см. в разделе Выбор параметров среды.

Создание файла кода

Начните с создания файла и добавления в него кода.

  1. Откройте Visual Studio. Нажмите ESC или нажмите Продолжить без кода в стартовом окне, чтобы открыть среду разработки.

  2. В меню файла в строке меню выберите Создать>файл.

  3. В диалоговом окне Новый файл в категории Общие выберите класс Visual C#, а затем выберите Открыть.

    Новый файл открывается в редакторе со скелетом класса C#. (Обратите внимание, что нам не нужно создать полный проект Visual Studio, чтобы получить некоторые преимущества, предоставляемые редактором кода. Все, что вам нужно, — это файл кода!)

    снимок экрана файла кода C# в Visual Studio.

  1. Откройте Visual Studio. Выберите клавишу Esc или выберите Продолжить без кода в стартовом окне, чтобы открыть среду разработки.

  2. На панели меню в меню "Файл" выберите Создать>файлили используйте клавиши Ctrl+N.

  3. В диалоговом окне "Новый файл" в категории "Общие" выберите C# класс, чтобы затем выбрать Открыть.

    Новый файл открывается в редакторе со скелетом класса C#.

    снимок экрана файла кода C# в Visual Studio 2022.

Использование GitHub Copilot

GitHub Copilot выступает в качестве помощника программиста с ИИ, чтобы в режиме реального времени предоставлять автозавершение кода и контекстно-зависимые многострочные предложения кода прямо в редакторе. GitHub Copilot преобразует запросы естественного языка, включая комментарии и имена методов в предложения по программированию. Вы можете просматривать и включать предложения из GitHub Copilot непосредственно в редакторе.

Давайте используем Copilot для создания предложений кода:

  1. Точно поместите курсор под последней закрывающей скобкой } в файле.
  2. Введите комментарий на естественном языке: // Add a method to add two numbers и введите.
  3. GitHub Copilot предлагает вам код. Предлагаемая реализация отображается в сером тексте.
  4. Чтобы принять предложение, выберите вкладку .

снимок экрана с анимацией, на котором показаны предложения кода, созданные GitHub Copilot для комментария пользователя.

Начало работы с GitHub Copilot в Visual Studio. Обратите внимание, что для него требуется Visual Studio 2022 версии 17.8 или более поздней.

Использование фрагментов кода

Visual Studio предоставляет полезные фрагменты кода, которые можно использовать для быстрого и простого создания часто используемых блоков кода. фрагменты кода доступны для различных языков программирования, включая C#, Visual Basic и C++.

Давайте добавим фрагмент кода C# void Main в наш файл.

  1. Поместите курсор прямо над последней закрывающей скобкой } в файле и введите символ svm. (svm означает static void Main; метод Main() является точкой входа для приложений C#.)

    Всплывающее диалоговое окно отображается со сведениями о фрагменте кода svm.

    снимок экрана всплывающего окна IntelliSense для фрагмента кода в Visual Studio.

  2. Нажмите клавишу и затем дважды, чтобы вставить фрагмент кода.

    Вы увидите, что подпись метода static void Main() будет добавлена в файл.

Доступные фрагменты кода зависят от разных языков программирования. Вы можете просмотреть доступные фрагменты кода для вашего языка, выбрав Изменить>IntelliSense>Вставить фрагмент кода, а затем выбрав папку языка. Для C#список выглядит следующим образом:

снимок экрана всплывающего окна IntelliSense для списка фрагментов кода C#.

  1. Поместите курсор над последней закрывающей скобкой } в файле и введите символы svm.

    Всплывающее диалоговое окно отображается со сведениями о фрагменте кода svm.

    снимок экрана всплывающего окна IntelliSense для фрагмента кода в Visual Studio 2022.

  2. Нажмите клавишу Tab дважды, чтобы вставить фрагмент кода.

    Вы увидите, что подпись метода static void Main() будет добавлена в файл. Метод Main() является точкой входа для приложений C#.

Доступные фрагменты кода зависят от разных языков программирования. Вы можете просмотреть доступные фрагменты кода для вашего языка, выбрав Изменить>IntelliSense>Вставить фрагмент кода или выбрав CTRL+K, CTRL+X клавиши, а затем выбрав папку для языка программирования. Для C#список фрагментов выглядит следующим образом:

снимок экрана всплывающего окна IntelliSense для списка фрагментов кода C#.

Список содержит фрагменты кода для создания класса, конструктора , цикла, , если или переключить оператор и многое другое.

Закомментируйте код

Панель инструментов, которая является строкой кнопок в строке меню в Visual Studio, может помочь повысить производительность по мере использования кода. Например, можно переключить режим завершения IntelliSense (IntelliSense — это помощь по написанию кода, которая отображает список подходящих методов, среди прочего), увеличьте или уменьшите отступ строки или закомментируйте код, который не требуется компилировать. В этом разделе мы закомментируем некоторый код.

снимок экрана панели инструментов редактора в Visual Studio.

  1. Вставьте следующий код в текст метода 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. Мы не используем переменную morewords, но мы можем использовать ее позже, чтобы мы не хотели полностью удалить ее. Вместо этого давайте закомментируем эти строки. Выберите полное определение morewords до конечной точки с запятой, а затем нажмите кнопку Закомментировать выбранные строки на панели инструментов. Если вы предпочитаете использовать клавиатуру, нажмите клавиши CTRL +K, CTRL+C.

    снимок экрана: кнопка

    Символы комментариев C# // добавляются в начало каждой выбранной строки, чтобы закомментировать код.

Панель инструментов "Текстовый редактор", которая является строкой кнопок в строке меню в Visual Studio, помогает повысить эффективность работы при коде. Например, можно переключить режим завершения IntelliSense, увеличить или уменьшить отступ строки или закомментировать код, который не нужно компилировать.

снимок экрана панели инструментов текстового редактора в Visual Studio 2022.

Давайте закомментируем код.

  1. Вставьте следующий код в текст метода 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. Мы не используем переменную moreWords, но мы можем использовать ее позже, чтобы не удалить ее. Вместо этого мы закомментируем эти строки. Выберите всё определение moreWords вниз до закрывающей точки с запятой; затем выберите кнопку Закомментировать выбранные строки на панели инструментов текстового редактора. Если вы предпочитаете использовать клавиатуру, выберите клавиши CTRL+K, клавиши CTRL+C.

    снимок экрана: кнопка

    Символы комментариев C# // добавляются в начало каждой выбранной строки, чтобы закомментировать код.

    Если вы хотите раскомментировать строки, выберите их, а затем нажмите кнопку Раскомментировать выбранные строки на панели инструментов текстового редактора. Если вы предпочитаете использовать клавиатуру, выберите Ctrl+K, Ctrl+U.

    снимок экрана: кнопка для раскомментирования в панели инструментов текстового редактора в Visual Studio 2022.

Свернуть блоки кода

Мы не хотим видеть пустой конструктор , который был создан для Class1, поэтому, чтобы сделать наш вид кода более аккуратным, давайте свернем его. Выберите небольшой серый прямоугольник с знаком минуса внутри него в поле первой строки конструктора. Или, если вы предпочитаете использовать клавиатуру, поместите курсор в любое место в коде конструктора и нажмите клавиши CTRL +M, CTRL+M.

снимок экрана кнопки сворачивания на панели инструментов в текстовом редакторе Visual Studio.

Блок кода свернут до первой строки, за которым следует многоточие (...). Чтобы снова развернуть блок кода, щелкните тот же серый прямоугольник, внутри которого теперь знак плюса, или нажмите Ctrl +M, затем Ctrl+M еще раз. Эта функция называется "Outlining" и особенно полезна при сворачивании длинных методов или целых классов.

Мы не хотим видеть пустой конструктор , который был создан для Class1, так что чтобы очистить наше представление о коде, давайте его свернем. Выберите небольшой серый прямоугольник с знаком минуса внутри него в поле первой строки конструктора. Или, если вы предпочитаете использовать клавиатуру, поместите курсор в любое место в коде конструктора и выберите клавиши Ctrl+M, +M.

снимок экрана: кнопка сворачивания линии на панели инструментов текстового редактора в Visual Studio 2022.

Блок кода свернут до первой строки, за которым следует многоточие (...). Чтобы снова развернуть блок кода, выберите тот же серый прямоугольник, который теперь имеет вход плюса, или нажмите клавиши CTRL+M, CTRL+M еще раз. Эта функция называется Outlining и особенно полезна при сворачивании длинных методов или целых классов.

Просмотр определений символов

Редактор Visual Studio упрощает проверку определения типа, метода и т. д. Одним из способов является переход к файлу, который содержит определение, например, выбрав Перейти к определению в любом месте, на который ссылается символ. Еще более быстрый способ, который не отвлечет ваше внимание от файла, в котором вы работаете, заключается в использовании команды Peek Definition. Рассмотрим определение типа string.

  1. Щелкните правой кнопкой мыши любое вхождение string и выберите Подсмотреть определение в контекстном меню. Или нажмите клавиши ALT +F12.

    Всплывающее окно отображается с определением класса String. Вы можете прокрутить всплывающее окно или даже просмотреть определение другого типа из просматриваемого кода.

    снимок экрана окна определения

  2. Чтобы закрыть окно предварительного просмотра определения, нажмите на небольшую иконку с "x" в правом верхнем углу всплывающего окна.

Редактор Visual Studio упрощает проверку определения типа, метода или переменной. Один из способов — перейти к определению, в котором есть оно, выбрав Перейти к определению или выбрав клавишу F12 в любом месте, где указан символ. Еще более быстрый способ, который не отвлекает вас от кода, над которым вы работаете, заключается в использовании Просмотр определения.

Рассмотрим определение типа string.

  1. Щелкните правой кнопкой мыши любое вхождение string и выберите просмотреть определение в меню содержимого. Или выберите клавиши ALT+F12.

    Всплывающее окно отображается с определением класса String. Вы можете прокрутить всплывающее окно или даже просмотреть определение другого типа из просматриваемого кода.

    снимок экрана окна поиска определения в Visual Studio 2022.

  2. Закройте окно просмотра определения, кликнув по кнопке с "x" в правом верхнем углу всплывающего окна.

Использование IntelliSense для завершения слов

IntelliSense является бесценным ресурсом при написании кода. Он может отображать сведения о доступных членах типа или сведения о параметрах для различных перегрузок метода. Вы также можете использовать IntelliSense для завершения слова после ввода достаточного количества символов, чтобы его различить. Давайте добавим строку кода для вывода упорядоченных строк в окно консоли, которое является стандартным местом для выходных данных из программы.

  1. Под переменной query начните вводить следующий код:

    foreach (string str in qu
    

    Вы увидите, что IntelliSense отображает краткие сведения о символе query.

    снимок экрана всплывающего окна автозаполнения слов IntelliSense в Visual Studio.

  2. Чтобы вставить остальную часть слова query с помощью функции завершения слов IntelliSense, нажмите клавишу TAB.

  3. Завершите блок кода, чтобы он выглядел, как показано ниже. Вы даже можете попрактиковаться в использовании фрагментов кода снова, введя cw, а затем дважды нажав Tab, чтобы создать код Console.WriteLine.

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

IntelliSense является бесценным ресурсом при написании кода. Он может отображать сведения о доступных членах типа или сведения о параметрах для различных перегрузок метода. Вы также можете использовать IntelliSense, чтобы завершить слово после ввода достаточно символов, чтобы диамбигуировать его.

Давайте добавим строку кода для вывода упорядоченных строк в окно консоли, которое является стандартным местом для выходных данных из программы.

  1. Под переменной query начните вводить следующий код:

    foreach (string str in qu
    

    Появится всплывающее окно IntelliSense с информацией о символе query.

    снимок экрана всплывающего окна завершения слова IntelliSense в Visual Studio 2022.

  2. Чтобы вставить остальную часть слова query с помощью завершения слова IntelliSense, выберите клавишу TAB.

  3. Закончите блок кода так, чтобы он выглядел как следующий код. Чтобы создать инструкцию Console.WriteLine, можно дополнительно использовать фрагменты кода, введя cw, а затем дважды выбрав TAB.

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

Рефакторинг имени

Никто не делает код правильно с первого раза, и одно из того, что может потребоваться изменить, — это имя переменной или метода. Давайте используем функцию рефакторинга в Visual Studio, чтобы переименовать переменную _words в words.

  1. Поместите курсор над определением переменной _words и выберите Переименовать в контекстном меню правой кнопкой мыши или нажмите клавиши Ctrl+R, Ctrl+R.

    Всплывающее окно Переименование появится в правом верхнем углу редактора.

  2. Введите требуемое имя слов. Обратите внимание, что ссылка на words в запросе также автоматически переименована. Перед нажатием клавиши ВВОДустановите флажок Включить комментарии в всплывающе м окне "Переименовать".

    снимок экрана диалогового окна

  3. Нажмите , затем.

    Оба случая words были переименованы, и ссылка на words в комментарии кода также была изменена.

Никто не пишет код без ошибок с первого раза, и один из элементов, которые нужно изменить, — это имя переменной или метода. Давайте попробуем функциональность рефакторинга в Visual Studio, чтобы переименовать переменную someWords в unsortedWords.

  1. Поместите курсор на определение переменной someWords, выберите Переименовать в контекстном меню, вызванном правой кнопкой мыши, или нажмите клавишу F2.

    Диалоговое окно Переименовать появится в правом верхнем углу редактора.

    снимок экрана: всплывающее окно

  2. Введите нужное имя несортированныеСлова. Вы увидите, что ссылка на unsortedWords в инструкции назначения query также будет автоматически переименована. Прежде чем выбрать клавишу ВВОД, установите флажок "Включить примечания" во всплывающем окне "Переименовать".

    снимок экрана всплывающего окна

  3. Нажмите клавишу ВВОД.

    Оба вхождения someWords в вашем коде были переименованы, а также текст someWords в вашем комментарии кода.

Дальнейшие действия

См. также