Поделиться через


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

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

Tip

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

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

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

Prerequisites

  • Visual Studio с настроенными параметрами разработки C#. Сведения о настройке параметров см. в разделе "Выбор параметров среды".

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

Создайте файл и добавьте в него код.

  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 для комментария пользователя.

Давайте используйте Copilot Chat, чтобы отправить вопрос, связанный с кодом, в качестве запроса:

  1. Выберите значок GitHub Copilot в правом верхнем углу интегрированной среды разработки.

  2. Выберите Открыть окно чата в раскрывающемся списке.

  3. Введите следующий запрос в окне чата:

    
    Generate sample code for a simple C# method to add two numbers.
    
    
  4. Copilot Chat создает пример кода в ответ на запрос.

GitHub Copilot работает на ИИ, поэтому возможны неожиданности и ошибки. Дополнительные сведения см. в часто задаваемых вопросых о GitHub Copilot.

Начало работы с GitHub Copilot в Visual Studio.

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

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>Insert Snippet" или нажмите клавиши CTRL+, 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+, CTRL+C.

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

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

    Чтобы раскомментировать строки, их можно выбрать, а затем выбрать кнопку "Раскомментировать выделенные строки" на панели инструментов "Текстовый редактор" или клавиши CTRL+, CTRL+U.

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

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

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

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

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

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

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

Блок кода свернут до первой строки, за которым следует многоточие (...). Чтобы развернуть блок кода еще раз, выберите знак каретки (>), или нажмите 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. Вы можете прокрутить всплывающее окно или даже просмотреть определение другого типа из просматриваемого кода.

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

  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.

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

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

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

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

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

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

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

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

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

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

  3. Press Enter.

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

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

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

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

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

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

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

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

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

Next steps

See also