Visual Studio Code или Visual Studio? Что выбрать, в чем отличия
Если мы говорим про Visual Studio, то рынке существует два решения: это Visual Studio и Visual Studio Code (или VS Code). В этой сводной таблице я выделил наиболее важные моменты, на которые стоит обратить внимание:
| Visual Studio | Visual Studio Code | |
|---|---|---|
| Тип ПО | Среда разработки (IDE) | Редактор кода с функциями IDE |
| Цена | Бесплатная (с ограниченным функционалом) и платная версии |
Полностью бесплатный для личного и коммерческого использования, opensource |
| Кроссплатформенность | Только Windows | Полная (macOS, Linux, Windows) |
| Поддержка языков программирования | Ориентирована на стек технологий .NET, клиент + сервер (полная поддержка), C++, Python |
Все популярные (Python, C/C++, C#, Java, Go, PHP, Ruby и т.д.) |
| Система управления версиями (Version control) | Да | Да |
| Полная поддержка .NET Framework, .NET Core | Да | Нет |
Что выбрать?
Стоит понимать, что это два абсолютно разных инструмента, один не хуже или лучше другого. У каждого инструмента есть своя область применения.
Visual Studio — полноценная среда разработки с богатым функционалом. Подходит для крупных проектов (web, enterprise). Полная поддержка технологий .NET. Удобное сопровождение и масштабирование кода. Удобная работа в команде. Очень тяжелая по сравнению с VS Code. Не кроссплатформенная.
Интерфейс Visual Studio
Visual Studio Code (VS Code) — в последнее время завоевал большую популярность. Это НЕ ПОЛНОЦЕННАЯ среда разработки, это редактор кода в первую очередь. Преимущественно используется в веб-разработке (JavaScript, HTML, CSS). Очень легкий и быстрый. Огромное количество плагинов, можно гибко настроить редактор под себя. Поддержка всех популярных ОС – это всегда плюс.
Интерфейс Visual Studio Code
Что выбрать? Если вы ориентированы на стек технологий .NET (C#, ASP.NET, .NET Core и т.д.) и создание сложных приложений, то Visual Studio. Если вы занимаетесь созданием сайтов (верстка HTML, CSS, программирование JavaScript, React, Angular и т.д.), то VS Code. Если вы только начинаете изучать программирование, то можно выбрать VS Code, т.к. он попроще в освоении, а потом при необходимости перейти на полноценную Visual Studio.
- Visual Studio
- Visual Studio Code
Почему стоит выбрать visual studio
Чтобы облегчить написание, а также тестирование и отладку программного кода нередко используют специальные среды разработки, в частности, Visual Studio. Рассмотрим создание приложений на C# с помощью бесплатной и полнофункциональной среды Visual Studio Community 2022, которую можно загрузить по следующему адресу: Microsoft Visual Studio 2022
После загрузки запустим программу установщика. В открывшемся окне нам будет предложено выбрать те компоненты, которые мы хотим установить вместе Visual Studio. Стоит отметить, что Visual Studio — очень функциональная среда разработки и позволяет разрабатывать приложения с помощью множества языков и платформ. В нашем случае нам будет интересовать прежде всего C# и .NET.
Чтобы добавить в Visual Studio поддержку проектов для C# и .NET, в программе установки среди рабочих нагрузок можно выбрать только пункт ASP.NET и разработка веб-приложений . Можно выбрать и больше опций или вообще все опции, однако стоит учитывать свободный размер на жестком диске — чем больше опций будет выбрано, соответственно тем больше места на диске будет занято.
И при инсталляции Visual Studio на ваш компьютер будут установлены все необходимые инструменты для разработки программ, в том числе фреймворк .NET.
После завершения установки создадим первую программу. Она будет простенькой. Вначале откроем Visual Studio. На стартовом экране выберем Create a new project (Создать новый проект)
На следующем окне в качестве типа проекта выберем Console App , то есть мы будем создавать консольное приложение на языке C#
Чтобы проще было найти нужный тип проекта, в поле языков можно выбрать C# , а в поле типа проектов — Console .
Далее на следующем этапе нам будет предложено указать имя проекта и каталог, где будет располагаться проект.
В поле Project Name дадим проекту какое-либо название. В моем случае это HelloApp .
На следующем окне Visual Studio предложит нам выбрать версию .NET, которая будет использоваться для проекта. Выберем последнюю на данный момент верси. — .NET 8.0:
Нажмен на кнопку Create (Создать) для создания проекта, и после этого Visual Studio создаст и откроет нам проект:
В большом поле в центре, которое по сути представляет текстовый редактор, находится сгенерированный по умолчанию код C#. Впоследствии мы изменим его на свой.
Справа находится окно Solution Explorer, в котором можно увидеть структуру нашего проекта. В данном случае у нас сгенерированная по умолчанию структура: узел Dependencies — это узел содержит сборки dll, которые добавлены в проект по умолчанию. Эти сборки как раз содержат классы библиотеки .NET, которые будет использовать C#. Однако не всегда все сборки нужны. Ненужные потом можно удалить, в то же время если понадобится добавить какую-нибудь нужную библиотеку, то именно в этот узел она будет добавляться.
Далее идет непосредственно сам файл кода программы Program.cs , который по умолчанию открыт в центральном окне и который имеет всего две строки:
// See https://aka.ms/new-console-template for more information Console.WriteLine("Hello, World!");
Первая строка предваряется символами // и представляет комментарии — пояснения к коду.
Вторая строка собственно представляет собой код программы: Console.WriteLine(«Hello World!»); . Эта строка выводит на консоль строку «Hello World!».
Несмотря на то, что программа содержит только одну строку кода, это уже некоторая программа, которую мы можем запустить. Запустить проект мы можем с помощью клавиши F5 или с панели инструментов, нажав на зеленую стрелку. И если вы все сделали правильно, то при запуске приложения на консоль будет выведена строка «Hello World!».
Теперь изменим весь этот код на следующий:
Console.Write("Введите свое имя: "); var name = Console.ReadLine(); // вводим имя Console.WriteLine($"Привет "); // выводим имя на консоль
По сравнению с автоматически сгенерированным кодом я внес несколько изменений. Теперь первой строкой выводится приглашение к вводу.
Console.Write("Введите свое имя: ");
Метод Console.Write() выводит на консоль некоторую строку. В данном случае это строка «Введите свое имя: «.
На второй строке определяется строковая переменная name, в которую пользователь вводит информацию с консоли:
var name = Console.ReadLine();
Ключевое слово var указывает на определение переменной. В данном случае переменная называется name . И ей присваивается результат метода Console.ReadLine() , который позволяет считать с консоли введенную строку. То есть мы введем в консоли строку (точнее имя), и эта строка окажется в переменой name .
Затем введенное имя выводится на консоль:
Console.WriteLine($"Привет ");
Чтобы ввести значение переменной name внутрь выводимой на консоль строки, применяются фигурные скобки <>. То есть при выводе строки на консоль выражение будет заменяться на значение переменной name — введенное имя.
Однако чтобы можно было вводить таким образом значения переменных внутрь строки, перед строкой указывается знак доллара $.
Теперь протестируем проект, запустив его на выполнение, также нажав на F5 или зеленую стрелочку.
Скомпилированное приложение можно найти в папке проекта в каталоге bin\Debug\net8.0 . Оно будет называться по имени проекта и иметь расширение exe. И затем этот файл можно будет запускать без Visual Studio, а также переносить его на другие компьютеры, где установлен .NET 8.
Visual Studio Code
Visual Studio Code (VS Code) — это редактор кода для разных языков программирования. Он относительно немного весит, гибкий и удобный. В нем можно писать, форматировать и редактировать код на разных языках.
Освойте профессию «Веб-разработчик»
VS Code не стоит путать с Visual Studio — это IDE, очень мощная и масштабная, но одновременно с этим тяжеловесная. Названия похожи, потому что у обоих средств разработки один и тот же создатель, но продукты разные по своей сути. VS Code меньше весит, проще в освоении и подходит в том числе для начинающих разработчиков.
Редактор кода существует для всех популярных операционных систем: Windows, Linux и macOS. Он бесплатный, в отличие от большинства версий «старшего брата» Visual Studio.
Кто пользуется Visual Studio Code
С VS Code работают программисты на разных языках. Например, им активно пользуются веб-разработчики, пишущие на HTML/CSS, JavaScript, PHP. Но редактор поддерживает намного большее количество языков: Python, Go, Ruby, C#, TypeScript и так далее. Он работает и с расширениями и фреймворками для популярных языков — например, с React JS и Vue.js, с языками стилей SCSS и LESS, которые дополняют CSS.
В теории пользоваться VS Code может разработчик практически на любом из современных языков. Но на практике его применяют там, где не нужны мощности полноценной IDE.
Профессия / 12 месяцев
Веб-разработчик с нуля
Создавайте нужные любому бизнесу сервисы
Для чего нужен VS Code
VS Code позволяет легко писать, форматировать и редактировать код на разных языках. С его помощью можно быстро создать проект и структуру файлов в нем, он подсвечивает синтаксис кода и помогает автоматически править ошибки. В нем есть возможности для отладки и запуска кода на некоторых языках.
Редактор легко расширяется, поэтому к перечисленным функциям можно добавить новые — достаточно просто скачать нужное дополнение из официального каталога. Дополнения тоже распространяются бесплатно.
Где скачать и как установить VS Code
Скачивание
Visual Studio Code можно бесплатно скачать с официального сайта и установить как обычную программу. Надо просто выбрать версию: для Windows, Linux или macOS.
На главной странице официального сайта есть большая кнопка для скачивания в оптимальной конфигурации — она определяется автоматически в зависимости от параметров вашей системы. Для альтернативных вариантов загрузки есть ссылки внизу.
Если устанавливать редактор пока не хочется, а желание попробовать есть, можно воспользоваться онлайн-версией. Она не такая удобная и у человека меньше контроля над ней, но для старта ее может хватить. Но VS Code способен серьезно нагружать браузер, особенно если там открыто что-то ресурсоемкое.
Установка
После загрузки программы нужно запустить инсталлятор и следовать инструкциям на экране. Далее программа установится на ПК.
Запуск на слабых ПК
После завершения установки можно приступить к запуску программы. Однако стоит отметить, что не на каждом компьютере она запустится успешно. Это обусловлено тем, что программа требует значительных вычислительных ресурсов. Из-за этого на слабой машине возможно возникновение такой ситуации: вместо обычного интерфейса программы появляется лишь черный экран, и процессор начинает работать на полную мощность. Тем не менее, существует решение — необходимо открыть контекстное меню ярлыка программы, и в поле пути к исполняемому файлу добавить следующий флаг:
--disable-gpu.Установка русского языка
Для более удобного ознакомления можно установить русский язык интерфейса. Для этого выполните следующие шаги:
- Щелкните на значке расширений в поле поиска;
- Начните вводить «russian» и дождитесь появления пакета «Russian Language Pack for Visual Studio Code»;
- После этого нажмите кнопку Установить. Далее программа запросит перезапуск.
Теперь интерфейс программы стал намного более понятным на русском языке. Однако, если вы хорошо владеете английским языком, то переход на русский язык не является обязательным. Это позволит вам в случае возникновения каких-либо проблем быстрее находить решения в сети, так как большинство ресурсов и инструкций доступны именно на английском языке.
Интерфейс
В рабочей области открывается документ, в котором программист пишет код. Через верхнее меню можно получить доступ к разным функциям и возможностям. Через боковое меню открываются разделы контроля версий, установки дополнений, запуска и отладки кода.
В нижней части страницы можно открыть консоль. В нее будут выводиться результаты выполнения кода, разные сведения о сборке и найденных ошибках. В консоль можно писать и команды — правда, для многих из них есть горячие клавиши, а они быстрее.
Одновременно в VS Code можно открыть несколько файлов в разных вкладках. Экран рабочей области можно разделить на части, чтобы человек видел несколько файлов одновременно. Как в операционной системе, когда открыто несколько окон программ: одно справа, другое слева. Со всеми открытыми файлами можно работать.
Настройка Visual Studio Code
Для доступа к настройкам графического редактора можно воспользоваться сочетанием клавиш Ctrl+, или перейти по пути File → Preferences → Settings.
Затем можно переходить к настройке различных категорий параметров вручную. Чтобы избежать переключения между вкладками, нужные параметры можно просто вводить в строку поиска.
Другой метод настройки Visual Studio Code — редактирование файла settings.json. Этот способ позволяет тонко настраивать программу, но требует определенных навыков. Начинающим лучше избегать этот способ.
Новичкам в разработке не стоит слишком сильно менять настройки Visual Studio Code. При возникновении проблем и поиске решений в сети, советы чаще всего будут предоставлены для стандартных настроек, что может вызвать путаницу.
Visual Studio Code предоставляет ряд полезных настроек для автоматизации рабочего процесса:
- Автосохранение: Найти параметр «Files: Auto Save». Изменить на «afterDelay» и задать временной интервал — файлы будут автоматически сохраняться через заданный промежуток времени.
- Размер шрифта: Параметр «Font Size». По умолчанию 14, но его можно изменить на более удобный.
- Форматирование кода: Параметр «Format On Paste». Код будет автоматически форматироваться при вставке, помогая избежать проблем с лишними отступами.
- Удаление конечных пробелов: Параметр «Trim Trailing Whitespace». При сохранении документов автоматически удаляются пробелы в конце строк. Это помогает убрать лишние символы и соответствовать стандартам кодирования.
Также можно изменить цветовую схему интерфейса. Для этого нажмите CTRL+SHIFT+P, введите theme и выберите Preferences: Color Theme. Вас встретит список доступных тем, из которых можно выбирать.
Возможности Visual Studio Code
Написание и редактирование кода. Первое и главное назначение редактора — писать исходный код на каком-то из языков программирования, редактировать и сохранять его. Так же как редакторы текста оснащены функциями для форматирования контента, редактор кода позволяет структурировать и форматировать программы. Например, он подсвечивает синтаксис, выделяет ошибки, автоматически расставляет отступы. В нем есть и автодополнение: если ввести первые несколько букв команды, он предложит варианты, как можно ее закончить. В VS Code есть целая система для помощи в редактировании кода, ее компоненты сгруппированы под общим названием IntelliSense.
Автоматическое редактирование. Редактирование и исправление кода в VS Code можно автоматизировать. Существуют специальные плагины и расширения для редактора, которые автоматически исправляют мелкие ошибки в программе: неправильные отступы, именование, несоответствие стилю кода и так далее. Кстати, стиль кода можно задать в настройках. Конечно, сложную ошибку такой модуль не исправит: он не поймет, как это можно сделать. Но для устранения мелких недочетов возможность удобная.
Поиск, вставка и другое. Среди возможностей Visual Studio Code — быстрая навигация по документу и его редактирование. Например, строка поиска поддерживает в том числе регулярные выражения — формулы для разных текстовых сочетаний. С редактированием тоже удобно: можно написать сокращенную формулу той или иной команды, и редактор достроит ее сам. А можно, например, выделить код и закомментировать его одним сочетанием клавиш.
Станьте Frontend-разработчиком
и создавайте интерфейсы сервисов, которыми пользуются все
Контроль версий. VS Code «из коробки» поддерживает систему контроля версий Git. Прямо из редактора можно закоммитить изменения или откатить коммит, добавить к нему комментарий или отправить в удаленный репозиторий. Для этого не нужно входить в консоль и набирать команды: все делается через визуальный интерфейс. Сделать коммит можно в несколько кликов в специальной боковой панели.
Установка дополнений. Одна из особенностей VS Code — он очень легко расширяется. Прямо из редактора можно перейти в каталог расширений и дополнений, найти в поиске то, что вам нужно, и установить. Так подключаются поддержка других языков, плагины для автоматического исправления, конфигураторы и много чего еще. Благодаря легкой расширяемости VS Code можно полностью настроить под себя и свои нужды.
Запуск кода. Изначально редактор позволяет запускать код только для малого количества языков. Но к нему есть дополнения, которые открывают такую возможность и для других. Чтобы воспользоваться ей, нужно установить соответствующее расширение и перезагрузить VS Code. После этого в интерфейсе редактора должны появиться кнопки для сборки и запуска. Кстати, изначально в нем есть целая вкладка под названием «Запуск и отладка».
Помощь в отладке. В VS Code есть встроенный отладчик для языка JavaScript и основанных на нем технологий, таких как TypeScript. Для других языков понадобится устанавливать расширение. Но в любом случае возможность интерактивной отладки в редакторе есть, и это удобно, потому что раньше так «умели» делать только IDE. Интерактивная отладка помогает пошагово выполнять код и на каждом шаге просматривать, как изменяются данные. Так легче обнаружить и устранить ошибку.
Горячие клавиши
Горячие клавиши позволяют применять те или иные функции, не заходя в меню. Достаточно просто нажать нужное сочетание на клавиатуре. В VS Code таких клавиш много, и их можно перенастроить под свои вкусы — как вам удобнее.
| Горячая клавиша | Действие |
|---|---|
| Ctrl + N | Создать новый файл |
| Ctrl + O | Открыть существующий файл |
| Ctrl + S | Сохранить файл |
| Ctrl + Shift + S | Сохранить файл как |
| Ctrl + Z | Отменить последнее действие |
| Ctrl + Shift + Z | Повторить отменённое действие |
| Ctrl + X | Вырезать выделенный текст |
| Ctrl + C | Копировать выделенный текст |
| Ctrl + V | Вставить скопированный/вырезанный текст |
| Ctrl + F | Найти текст в файле |
| Ctrl + H | Заменить текст в файле |
| Ctrl + D | Выделить следующее вхождение выделенного текста |
| Ctrl + / | Закомментировать/раскомментировать строку |
| Ctrl + Shift + K | Удалить текущую строку |
| Ctrl + Shift + L | Выделить все вхождения выделенного текста |
| Ctrl + Shift + O | Быстро перейти к символу |
| Ctrl + P | Быстро перейти к файлу |
| Ctrl + ` | Открыть/закрыть терминал |
| Ctrl + B | Показать/скрыть боковую панель |
| Ctrl + Shift + X | Открыть панель расширений |
| F12 | Перейти к определению |
| Ctrl + F12 | Показать список всех ссылок на текущий символ |
| Shift + F12 | Показать быстрый просмотр ссылок |
| Ctrl + F11 | Установить/снять точку останова |
| F5 | Запустить/перезапустить отладку |
| F9 | Установить/снять точку останова |
Вы можете настроить горячие клавиши в Visual Studio Code согласно своим предпочтениям, выбрав File (Файл) > Preferences (Настройки) > Keyboard Shortcuts (Горячие клавиши).
Установка плагинов
Плагины позволяют добавлять языки, отладчики и инструменты для поддержки рабочего процесса разработки.
Поиск плагинов
Расширения можно просматривать и устанавливать из самого приложения VS Code. Для этого нужно перейти в раздел Дополнения, либо воспользуйтесь значком в боковой панели, либо выберите команду Ctrl+Shift+X.
Каждое дополнение в данном списке сопровождается кратким описанием, указанием издателя, а также информацией о количестве загрузок и пятизвездочной шкале оценки. Вам предоставляется возможность выполнить клик по интересующему дополнению, чтобы перейти на страницу с подробностями, где можно узнать дополнительную информацию.
Установка дополнений
Для установки плагина, выберите кнопку Install (установить). После завершения установки кнопка Установить изменится на кнопку с изображением шестеренки Управление.
Возьмем, например, популярное дополнение TODO Highlight. Оно выделяет фрагменты текста вида ‘TODO:’ и ‘FIXME:’ в вашем исходном коде, чтобы помочь быстро обнаружить незавершенные участки.
В разделе Расширения (доступно по Ctrl+Shift+X) введите todo в поле поиска, чтобы отфильтровать результаты. Вы должны обнаружить дополнение в списке.
Помимо прочего, дополнение однозначно опознается по идентификаторам издателя. При выборе «TODO Highlight» откроется страница с подробностями, где можно найти идентификатор данного плагина, например, wayou.vscode-todo-highlight. Знание идентификатора дополнения полезно в случае с несколькими плагинами одинакового названия.
Чтобы увидеть «TODO Highlight» в действии, откройте любой файл с исходным кодом и добавьте текст ‘TODO:’. Вы увидите, что данный текст будет выделен:
Этот пример лишь один из способов установки и использования плагинов. В репозитории содержится множество расширений, поддерживающих сотни языков программирования и задач.
Выбор разнообразен: от полноценной поддержки языков, таких как Java, Python, Go и C++, до простых расширений, которые создают GUID, меняют цветовую тему или добавляют виртуальных питомцев в редактор.
На странице подробностей дополнения можно ознакомиться с README и изучить:
- Вкладки «Возможности» — список настроек, команд и горячих клавиш, языковых грамматик, отладчика и так далее.
- Вкладка «Изменения» — история изменений (CHANGELOG) репозитория дополнения, если она доступна.
- Вкладка «Зависимости» — перечисление зависимостей от других плагинов.
Преимущества Visual Studio Code
Простота освоения. У редактора интуитивно понятный интерфейс, его легко установить и настроить. А после этого им сразу можно начинать пользоваться. Единственной проблемой поначалу могут стать горячие клавиши и дополнительные настройки — они необычно организованы. Но со временем легко разобраться, особенно если вначале держать под рукой памятку или пользоваться туториалами.
Малый вес. По сравнению с IDE редактор быстро работает и мало весит, не так требователен к ресурсам компьютера. При этом он довольно функционален, а огромное количество расширений позволяет добавлять в него новые возможности.
Кроссплатформенность. Visual Studio Code есть для всех популярных операционных систем, так что с ним можно работать вне зависимости от ОС, которую вы предпочитаете. К тому же это позволяет быстрее и удобнее переносить проекты с одного устройства на другое.
Поддержка разных языков. Есть инструменты, которые предназначены специально для какого-то языка, например Python или C++. Visual Studio Code поддерживает огромное количество языков программирования, и они легко подключаются. Поэтому с его помощью можно вести проекты, написанные на нескольких языках одновременно.
Гибкость. У VS Code множество расширений и удобных функций. Помимо вещей, стандартных для редактора кода, вроде подсветки синтаксиса, он «умеет» много чего еще. Его можно легко и гибко настроить под себя в зависимости от потребностей разработчика и технологий, с которыми он работает.
Недостатки Visual Studio Code
Ограниченная функциональность. Конечно, это зависит от того, с чем сравнивать VS Code. По сравнению с рядом других редакторов он, наоборот, более функционален. Но если сравнивать с IDE — любой редактор проигрывает, так как возможности у него намного ниже.
А для некоторых языков возможности IDE критичны. Поэтому работать в редакторе кода для разработчиков на этих языках будет не очень удобно. Например, в VS Code есть модули для Java, но Java-разработчики все же предпочитают пользоваться специализированными средами. У них больше возможностей по работе со специфическими особенностями языка вроде перевода программы в байт-код.
Медленная работа. На старых компьютерах редактор может долго запускаться и работать медленнее. Особенно это характерно для устройств, где установлен жесткий диск HDD, а не твердотельный накопитель SSD, или мало оперативной памяти.
Так происходит из-за того, что VS Code написан на Electron — это фреймворк, который позволяет писать программы для ПК с помощью HTML/CSS и JavaScript. Внутри фреймворка – целый браузер, отвечающий за отображение HTML и CSS. Соответственно, написанные на Electron программы такие же ресурсоемкие, как обычные браузеры, а значит, на слабых устройствах могут работать медленно. Это справедливо и для VS Code.
Fullstack-разработчик на Python
Fullstack-разработчики могут в одиночку сделать IT-проект от архитектуры до интерфейса. Их навыки востребованы у работодателей, особенно в стартапах. Научитесь программировать на Python и JavaScript и создавайте сервисы с нуля.
Статьи по теме:
Введение в интегрированную среду разработки Visual Studio (Visual Basic)
Область применения:
Visual Studio Visual Studio для Mac 
Visual Studio Code
Интегрированная среда разработки (IDE) — это многофункциональная программа, которая поддерживает многие аспекты разработки программного обеспечения. Интегрированная среда разработки Visual Studio — это стартовая площадка для написания, отладки и сборки кода, а также последующей публикации приложений. Помимо стандартного редактора и отладчика, которые есть в большинстве сред IDE, Visual Studio включает в себя компиляторы, средства автозавершения кода, графические конструкторы и многие другие функции для улучшения процесса разработки.
На рисунке выше представлена среда Visual Studio с открытым проектом Visual Basic, на котором изображено основные окна и функциональные возможности.
- Справа в верхнем углу окна Обозревателя решений вы можете просматривать файлы кода, перемещаться по ним и управлять ими. Обозреватель решений позволяет упорядочить код путем объединения файлов в решения и проекты.
- В центральном окне редактора, с которым вы, вероятно, будете работать дольше всего, отображается содержимое файла. В окне редактора вы можете вносить изменения в код или разрабатывать пользовательский интерфейс, например окно с кнопками или текстовые поля.
- В правом нижнем углу расположен Team Explorer, который позволяет отслеживать рабочие элементы и использовать код совместно с помощью технологий управления версиями, таких как Git и система управления версиями Team Foundation (TFVC).
- Окно Изменения Git в нижнем углу справа позволяет отслеживать рабочие элементы и предоставлять общий доступ к коду, используя Git, GitHub или другие технологии управления версиями.
Выпуски
Служба Visual Studio доступна для Windows и Mac. Функции Visual Studio для Mac во многом аналогичны возможностям Visual Studio для Windows и оптимизированы для разработки кросс-платформенных и мобильных приложений. Эта статья посвящена версии Visual Studio для Windows.
Существует три выпуска Visual Studio: Community, Professional и Enterprise. Сведения о функциях, поддерживаемых в каждом выпуске, см. на странице Сравнение выпусков Visual Studio.
Популярные средства повышения производительности
Вот несколько популярных возможностей Visual Studio, которые повышают производительность при разработке программного обеспечения:
-
Волнистые линии и быстрые действия Волнистые линии обозначают ошибки или потенциальные проблемы кода прямо во время ввода. Эти визуальные подсказки помогают немедленно устранить проблемы, не дожидаясь появления ошибок во время сборки или выполнения. Если навести указатель мыши на волнистую линию, на экран будут выведены дополнительные сведения об ошибке. Лампочка может также появиться в левом поле с краткими действиями , которые можно предпринять для устранения ошибки.
- Горячая перезагрузка Горячая перезагрузка позволяет изменять файлы кода приложения и сразу же применять изменения кода к работающему приложению.
Установите Visual Studio.
В рамках этого раздела вы создаете простой проект для тестирования некоторых возможностей Visual Studio. Вы узнаете, как изменять цветовую тему, используя IntelliSense как вспомогательный инструмент для программирования и отладки приложения, который позволяет просмотреть значение переменной во время выполнения приложения.
Чтобы начать работу, скачайте и установите Visual Studio. Этот модульный установщик позволяет выбирать и устанавливать рабочие нагрузки, которые представляют собой группы возможностей, требуемых для используемых языка программирования или платформы. Выполните следующие инструкции по созданию программы и в процессе установки выберите рабочую нагрузку Кроссплатформенная разработка .NET Core.
Чтобы начать работу, скачайте и установите Visual Studio. В модульном установщике вы можете выбрать и установить рабочие нагрузки, которые являются группами функций, необходимыми для предпочитаемого языка программирования или платформы. Чтобы выполнить следующую процедуру создания программы, обязательно выберите во время установки рабочую нагрузку Разработка классических приложений .NET.
При первом запуске Visual Studio можно выполнить вход с использованием учетной записи Майкрософт или рабочей учетной записи.
Настройка Visual Studio
Вы можете настроить пользовательский интерфейс Visual Studio, в том числе изменить цветовую тему, установленную по умолчанию.
Изменить цвет темы
Изменение цветовой темы
- Откройте Visual Studio. В начальном окне выберите Продолжить без кода.
Откроется интегрированная среда разработки. - Чтобы открыть диалоговое окно Параметры, в строке меню Visual Studio выберите пункты Инструменты >Параметры.
- Откройте страницу параметров Окружение >Общие, измените значение Цветовая тема на Темная и щелкните ОК.
Цветовая тема для всей интегрированной среды разработки изменится на тему Темная. 
- Откройте Visual Studio. В начальном окне выберите Продолжить без кода.
- Чтобы открыть диалоговое окно Параметры, в строке меню Visual Studio выберите пункты Инструменты >Параметры.
- На странице параметров Среда >Общие измените значение параметра Цветовая тема на Синий или Светлый. Затем нажмите кнопку ОК.
Цветовая тема для всей интегрированной среды разработки соответствующим образом изменится. На следующем снимке экрана показана синяя цветовая тема: 
Выбор параметров среды
Вы можете настроить Visual Studio для использования параметров среды, предназначенных для разработчиков Visual Basic.
- В строке меню выберите Сервис>Импорт и экспорт параметров.
- В мастере импорта и экспорта параметров выберите Сбросить все параметры, а затем нажмите кнопку Далее.
- На странице Сохранить текущие параметры выберите, следует ли сохранить текущие параметры перед сбросом. Если вы не изменяли параметры, выберите Нет, только сбросить параметры, перезаписав мои текущие значения. Затем выберите Далее.
- На странице Выбор набора параметров, используемого по умолчанию выберите Visual Basic, а затем нажмите кнопку Готово.
- На странице Сброс завершен нажмите Закрыть.
Дополнительные сведения о других способах персонализации интегрированной среды разработки см. в разделе Персонализация Visual Studio.
Создание программы
Давайте создадим простую программу.
- В строке меню Visual Studio выберите Файл>Создать>Проект. (Также можно нажать клавиши CTRL+SHIFT+N.)
- В окне «Настройка нового проекта» введите HelloWorld в поле «Имя проекта«, при необходимости измените расположение каталога для файлов проекта (языковой C:\Users\\source\repos стандарт по умолчанию) и нажмите кнопку «Далее«.
- В окне дополнительных сведений убедитесь, что .NET Core 3.1 появится в раскрывающемся меню Target Framework и нажмите кнопку «Создать«.
Visual Studio создаст проект. Это простейший вариант приложения «Hello World», в котором вызывается метод Console.WriteLine() для вывода литеральной строки «Hello World!» в окне консоли (выходных данных программы). Вскоре вы увидите примерно следующее изображение: 
Код Visual Basic для вашего приложения отображается в окне редактора, который занимает большую часть пространства. Обратите внимание, что текст автоматически выделяется цветом для обозначения разных частей кода, таких как ключевые слова и типы. Кроме того, небольшие вертикальные штриховые линии кода указывают, какие фигурные скобки соответствуют друг другу, а номера строк помогут вам найти нужный код позже. Чтобы свернуть или развернуть блоки кода, используйте небольшие рамки со знаком минус. Эта функция структурирования кода позволяет скрыть ненужный код на экране. Файлы вашего проекта перечислены в окне обозревателя решений, которое находится справа. 
Есть и другие доступные меню и окна инструментов, но об этом позже. - Теперь запустите приложение. Вы можете инициировать процесс, нажав кнопку «Пуск без отладки» в меню отладки в строке меню меню. Можно также нажать клавиши CTRL+F5.
- Чтобы закрыть окно консоли, нажмите любую клавишу.
- Давайте добавим новый год в это приложение. Перед строкой Console.WriteLine(«Hello World!») добавьте следующий код Visual Basic:
Console.WriteLine("What is your name?") Dim name = Console.ReadLine() Console.WriteLine("Hello " + name + "!") 
- В строке меню Visual Studio выберите Файл>Создать>Проект. Вы также можете нажать клавиши CTRL+SHIFT+N.
- В поле Имя проекта окна Настроить новый проект введите HelloWorld. При необходимости измените расположение каталога проекта в расположении по умолчанию C:\Users\\source\repos, а затем нажмите кнопку Далее.
- В окне дополнительных сведений убедитесь, что .NET 8.0 появится в раскрывающемся меню Target Framework и нажмите кнопку «Создать«.
Visual Studio создаст проект. Это простейший вариант приложения Hello World, в котором вызывается метод Console.WriteLine() для вывода строки Hello World! в окне консоли. Файлы проекта отображаются справа в окне интегрированной среды разработки Visual Studio в окне с названием Обозреватель решений. В окне Обозреватель решений выберите файл Program.vb. Код Visual Basic для вашего приложения открывается в центральном окне редактора, который занимает большую часть пространства. 
Код автоматически выделяется цветом для обозначения таких элементов, как ключевые слова и типы. Найти код можно по номерам строк. Небольшие вертикальные пунктирные линии в коде указывают на структуру кода или блоки кода, которые объединяются. Чтобы свернуть или развернуть блоки кода, используйте небольшие рамки со знаками минус и плюс соответственно. Эта функция структурирования кода позволяет скрыть ненужный код на экране. 
Также доступно множество других меню и окон инструментов. - Запустите приложение, выбрав в главном меню Visual Studio пункты Отладка>Запуск без отладки. Можно также нажать клавиши CTRL+F5.
- Для закрытия окна консоли нажмите любую клавишу.
- Давайте добавим новый код в это приложение. Перед строкой Console.WriteLine(«Hello World!») добавьте следующий код Visual Basic:
Console.WriteLine("What is your name?") Dim name = Console.ReadLine() Console.WriteLine("Hello " + name + "!") 
Использование рефакторинга и IntelliSense
Рассмотрим несколько примеров того, как рефакторинг и IntelliSense помогают повысить эффективность кода.
Сначала переименуйте переменную name :
- Дважды щелкните переменную name и введите для нее новое имя: username. Вокруг переменной появится прямоугольник, а в поле появится значок лампочки.
- Выберите значок лампочки для отображения доступных быстрых действий. Выберите Переименовать name в username.
Теперь рассмотрим возможности IntelliSense.
-
После строки Console.WriteLine(«Hello » + username + «!») напишите следующий код:
Dim now = Date. Появится поле с членами класса DateTime. В отдельном поле отобразится описание выбранного элемента.
Dim dayOfYear = now.DayOfYear Console.Write("Day of year: ") Console.WriteLine(dayOfYear) Совет Код Console.Write отличается от Console.WriteLine тем, что не добавляет знак завершения строки после ее вывода. Это означает, что следующий фрагмент текста, отправляемый на вывод, будет выводиться в той же строке. Можно навести указатель мыши на каждый из этих методов в коде, чтобы просмотреть его описание.
Далее мы снова применим рефакторинг, чтобы сократить код.
- Выберите переменную now в строке Dim now = Date.Now . На поле в этой строке появится значок отвертки.
- Щелкните этот значок отвертки, чтобы просмотреть доступные предложения Visual Studio. В этом случае отображается рефакторинг Встроенная временная переменная для удаления строки кода без изменения его общего поведения.
- Щелкните пункт Встроенная временная переменная, чтобы выполнить рефакторинг кода.
- Снова запустите программу, нажав клавиши Ctrl+F5. Выходные данные выглядят примерно так:
- Выберите переменную now в строке Dim now = Date.Now . Значок лампочки отображается в поле на этой строке.
- Щелкните значок лампочки, чтобы просмотреть доступные предложения из Visual Studio. В этом случае отображается рефакторинг Встроенная временная переменная для удаления строки кода без изменения его общего поведения.
- Щелкните пункт Встроенная временная переменная, чтобы выполнить рефакторинг кода.
- Снова запустите программу, нажав клавиши Ctrl+F5. Выходные данные выглядят примерно так:
Отладка кода
При написании кода его следует регулярно запускать и проверять на предмет ошибок. Система отладки Visual Studio позволяет просматривать код с шагом в одну инструкцию, проверяя значения переменных. Вы можете задать точки останова, которые позволяют приостановить выполнение кода в определенной строке и увидеть, как изменяется значение переменной при выполнении кода.
Зададим точку останова, чтобы во время выполнения программы отобразилось значение переменной username .
-
Установите точку останова в строке с кодом Console.WriteLine(«Hello » + username + «!») , щелкнув крайнее поле слева (область навигации) в этой строке. Кроме того, вы можете выбрать строку кода и нажать клавишу F9. В области навигации появится красный кружок, и эта строка будет выделена.
После запуска приложения можно применить изменения кода к работающему приложению, нажав кнопку Горячая перезагрузка.
Дополнительные сведения об отладке в Visual Studio см. в статье Знакомство с отладчиком Visual Studio.
Связанный контент
- Узнайте, как использовать редактор кода
- Сведения о проектах и решениях
- Откройте для себя другие возможности Visual Studio.
- Посетите visualstudio.microsoft.com.
- Прочитайте запись блога Visual Studio.