Как настроить визуал студио
Перейти к содержимому

Как настроить визуал студио

  • автор:

Настройка интегрированной среды разработки Visual Studio

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

Этот раздел относится к Visual Studio в Windows. Информацию о Visual Studio для Mac см. в статье Настройка интегрированной среды разработки Visual Studio для Mac.

Параметры среды по умолчанию для Visual Studio

В Visual Studio можно оптимизировать среду разработки для типа выполняемых действий разработки, выбрав пункт «Импорт и экспорт инструментов >» Параметры. Мастер можно использовать для импорта или экспорта определенных категорий параметров или сброса среды в одну из коллекций параметров по умолчанию. Каждая коллекция параметров оптимизирует такие элементы, как сочетания клавиш, макеты окон, шаблоны проектов и элементов и видимость команд.

Сброс всех параметров

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

  1. В строке меню выберите «Сервис>импорта и экспорта» Параметры.
  2. В мастере импорта и экспорта параметров выберите Сбросить все параметры, а затем нажмите кнопку Далее. Снимок экрана: мастер импорта и экспорта Параметры в Visual Studio 2022.
  3. На странице «Сохранить текущую Параметры» выберите «Да», сохраните текущие параметры или нет, просто сбросьте параметры, перезаписав текущие параметры, а затем нажмите кнопку «Далее«.
  4. На странице «Выбор коллекции по умолчанию» Параметры выберите коллекцию и нажмите кнопку «Готово«. Снимок экрана: коллекция параметров по умолчанию в Visual Studio.
  5. На странице Сброс завершен нажмите Закрыть.

Общие параметры среды

Доступ ко многим персонализированным параметрам можно также получить в диалоговом окне Параметры среды. Открыть это диалоговое окно можно двумя способами:

  • В строке меню выберите «Параметры инструментов>» и при необходимости разверните узел среды.
  • Нажмите клавиши CTRL+Q, введите среду в поле поиска и выберите «Общие среды>» из результатов.

При появлении диалогового окна «Параметры» можно выбрать F1 для справки по различным параметрам на этой странице.

Цветовые темы среды

Чтобы изменить цветовую тему между темной, светлой, синей и синей (дополнительная контрастность), введите тему в поле поиска и выберите «Общие среды>«. В диалоговом окне Параметры измените значение настройки Цветовая тема.

Чтобы изменить параметры цветов в редакторе, введите среду в поле поиска, а затем выберите >«Шрифты среды» и «Цвета». См. раздел «Изменить шрифты», «Цвета» и «Темы».

настройка меню и панелей инструментов

Сведения о добавлении или удалении элементов меню или панели инструментов см. в разделе «Настройка» и «Панели инструментов».

Регистр главного меню

Вы можете изменить регистр главного меню, выбрав вариант Заглавные буквы (например, «Файл») и ВСЕ ПРОПИСНЫЕ (например, «ФАЙЛ»). Введите среду в поле поиска, выберите «Общие среды>«, а затем измените вариант «Применить регистр заголовка» в строке меню.

Макеты окон

Можно определить и сохранить несколько макетов окон и переключаться между ними. Например, можно определить один макет для написания кода, а другой — для отладки. Сведения о расположении и поведении окон и сохранении пользовательских макетов см. в разделе «Настройка макетов окон» и «Персонализация вкладок».

Внешние инструменты

Вы можете настроить меню Сервис и запускать внешние средства. Дополнительные сведения см. в разделе Управление внешними инструментами.

Связанный контент

  • Обзор интегрированной среды разработки Visual Studio
  • Обзор интегрированной среды разработки Visual Studio

Создание проекта в Visual Studio

В этой статье мы расскажем, как быстро создать новый проект из шаблона в Visual Studio.

Открытие диалогового окна «Создание проекта»

Создать проект в Visual Studio можно несколькими способами. При первом открытии Visual Studio отображается начальное окно, где можно выбрать элемент Создать проект.

Screenshot of the

Если среда разработки Visual Studio уже открыта, проект можно создать, выбрав Файл>Создать>Проект в строке меню. А также нажав кнопку Создать проект на панели инструментов, или нажав комбинацию клавиш CTRL+SHIFT+N.

Screenshot of the New Project button in Visual Studio 2019.

Открытие диалогового окна «Создание проекта»

Создать проект в Visual Studio можно несколькими способами. При первом открытии Visual Studio отображается начальное окно, где можно выбрать элемент Создать проект.

Screenshot of the

Если среда разработки Visual Studio уже открыта, проект можно создать, выбрав Файл>Создать>Проект в строке меню. А также нажав кнопку Создать проект на панели инструментов, или нажав комбинацию клавиш CTRL+SHIFT+N.

Screenshot of the New Project button in Visual Studio 2022.

Выбор типа шаблона

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

Если вы не выбираете один из недавно использованных шаблонов, то можете отфильтровать все доступные шаблоны проектов по параметрам Язык (например, C# или C++), Платформа (например, Windows или Azure) и Тип проекта (например, «Классический» или «Интернет»). Кроме того, можно ввести искомый текст в поле поиска для дальнейшей фильтрации шаблонов, например asp.net.

Screenshot of the project template filters in Visual Studio 2019.

Теги, отображаемые в каждом шаблоне, соответствуют трем раскрывающимся фильтрам (язык, платформа и тип проекта).

Если вы не видите нужный шаблон, возможно, для Visual Studio отсутствует рабочая нагрузка. Для установки дополнительных рабочих нагрузок, таких как Разработка для Azure или Разработка мобильных приложений на .NET, щелкните ссылку Установка других средств и компонентов, чтобы открыть Visual Studio Installer. В нем выберите рабочие нагрузки, которые нужно установить, а затем — Изменить. После этого будут доступны дополнительные шаблоны проектов.

Screenshot of the

Выберите шаблон и нажмите кнопку Далее.

Screenshot of the project template filters in Visual Studio 2022.

Теги, отображаемые в каждом шаблоне, соответствуют трем раскрывающимся фильтрам (язык, платформа и тип проекта).

Если вы не видите нужный шаблон, возможно, для Visual Studio отсутствует рабочая нагрузка. Для установки дополнительных рабочих нагрузок, таких как Разработка для Azure или Разработка мобильных приложений на .NET, щелкните ссылку Установка других средств и компонентов, чтобы открыть Visual Studio Installer. В нем выберите рабочие нагрузки, которые нужно установить, а затем — Изменить. После этого будут доступны дополнительные шаблоны проектов.

Screenshot of the

Выберите шаблон и нажмите кнопку Далее.

Настройка нового проекта

В диалоговом окне Настройка нового проекта доступны параметры, позволяющие присвоить имя проекту (и решению), выбрать расположение на диске, а также версию платформы (если применимо для выбранного шаблона).

Screenshot of the

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

Screenshot of the

Щелкните Создать, чтобы создать проект.

Настройка нового проекта

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

Screenshot showing the Configure your new project dialog in Visual Studio 2022 and the options to set, including the project name and project location.

В диалоговом окне Дополнительные сведения содержатся параметры для выбора версии платформы, типа проверки подлинности и т. д.

Screenshot of the Additional Information dialog in Visual Studio 2022 showing the selected .NET Framework version for the new project.

Щелкните Создать, чтобы создать проект.

Добавление другого проекта в решение

Если вы хотите добавить другой проект в решение, щелкните правой кнопкой мыши узел решения в Обозреватель решений и выберите пункт «Добавить >новый проект».

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

Связанный контент

18 хитростей для работы с Visual Studio

Независимо от того, являетесь ли вы новичком или же используете Visual Studio уже в течение многих лет, есть множество советов и хитростей, которые помогут вам стать более продуктивным. Некоторое время мы делились советами в Twitter, используя хештег #vstip, а сегодня собрали подборку лучших из них на сегодняшний день.

Отладчик

Использование F10 вместо F5 для сборки, запуска и присоединения отладчика автоматически прерывается при первом выполнении вашего собственного кода. В точках останова нет необходимости.

Поддерживается начиная с Visual Studio 2005

Reattach to process (Shift+Alt+P) чрезвычайно полезная функция, которая помогает снова и снова присоединяться к одному и тому же процессу.

image

Поддерживается начиная с Visual Studio 2017 v15.8

Синяя точка на поле указывает на переключение потоков при выполнении отладки.

image

Поддерживается начиная с Visual Studio 2013

Продолжение под катом!

Solution

Повысьте производительность загрузки решения и уменьшите визуальный шум, отключив восстановление расширений узлов в Solution Explorer, а также Reopen documents on solution load.

image

Поддерживается начиная с Visual Studio 2019

Для быстрой навигации используйте Ctrl+T, чтобы найти что-либо в вашем решении — файлы, классы и т. д.

image

Поддерживается начиная с Visual Studio 2017

Назначьте сочетание клавиш для выполнения “git pull”, чтобы не приходилось использовать для этого CLI или Team Explorer.

image

Поддерживается начиная с Visual Studio 2019

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

image

Поддерживается начиная с Visual Studio 2010

Редактор

Легко выделяйте HTML-элементы тегом div, используя комбинацию Shift+Alt+W. Вставленный div вы можете легко отредактировать на любой тег, который вы хотите, и закрывающий тег изменится автоматически.

image

Поддерживается начиная с Visual Studio 2017

Скопируйте любой фрагмент JSON в буфер обмена и вставьте его как строго типизированные классы .NET в любой файл C# или VB.

image

Поддерживается начиная с Visual Studio 2013

Вам не нужно самостоятельно ставить двойные кавычки вокруг имен свойств JSON — просто введите двоеточие, и Visual Studio автоматически поставит их.

Поддерживается начиная с Visual Studio 2015

Сделайте IntelliSense и всплывающие подсказки полупрозрачными на время нажатия и удержания Control.

image

Поддерживается начиная с Visual Studio 2010

Вместо повторного ввода ‘(‘ для отображения информации о параметрах в сигнатурах методов используйте Ctrl+Shift+Space для отображения используемой в данный момент перегрузки.

image

Поддерживается начиная с Visual Studio 2010

Прочее

Воспроизведение звука при возникновении определенных событий в Visual Studio.

image

Поддерживается начиная с Visual Studio 2010

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

image

Поддерживается начиная с Visual Studio 2017

Укажите необходимые компоненты Visual Studio для любого решения, и Visual Studio предложит пользователю установить их, если они отсутствуют. Подробнее читайте в статье «Конфигурируйте Visual Studio в вашей организации с помощью .vsconfig».

image

Поддерживается начиная с Visual Studio 2019

Расширения

Visual Studio Spell Checker. Расширение редактора, которое проверяет орфографию комментариев, строк и обычного текста. Оно также может проверять орфографию всего решения, проекта или выбранных элементов. Доступны опции для определения нескольких языков для проверки правописания.

image

Поддерживается начиная с Visual Studio 2013

Add New File. Расширение для Visual Studio, позволяющее простое добавление новых файлов в любой проект. Просто нажмите Shift+F2, чтобы создать пустой файл в выбранной папке или в той же папке, что и выбранный файл.

image

Поддерживается начиная с Visual Studio 2015

Git Diff Margin. Git Diff Margin отображает текущие изменения Git в редактируемом файле на поле и на полосе прокрутки Visual Studio.

image

Поддерживается начиная с Visual Studio 2012

Это были лишь несколько из тысяч доступных расширений. Чтобы увидеть больше — перейдите на Visual Studio Marketplace.

В заключение

Это было всего лишь несколько советов из опубликованных по хештегу #vstip в Twitter. Там есть еще много советов, достойных внимания. Также, если у вас есть отличные советы, пожалуйста, поделитесь ими, указав хештег #vstip.

  • microsoft
  • visual studio
  • Блог компании Microsoft
  • Программирование
  • Visual Studio

Visual Studio Code: установка, настройка, русификация и список горячих клавиш

Всё, что нужно знать о самом популярном редакторе кода от Microsoft.

Иллюстрация: Image by Freepik / Freepik / Rawpixel / Annie для Skillbox Media

Даниил Шатухин

Даниил Шатухин

Автор статей о программировании, технологиях и гаджетах. Пишет код на JavaScript и Python. Любит веб-технологии, модные приложения и магию Apple.

В этой статье мы расскажем, как установить Visual Studio Code (VS Code) и настроить его для комфортной работы. А также подробно рассмотрим графический интерфейс и приведём список незаменимых горячих клавиш.

Содержание

  • Что такое Visual Studio Code
  • Где скачать и как установить редактор кода
  • Русификация
  • Настройка
  • Интерфейс программы
  • Кастомизация
  • Плагины
  • Горячие клавиши
  • Полезные ссылки

Что такое Visual Studio Code

Visual Studio Code (VS Code) — это кросс-платформенный редактор кода от компании Microsoft, разработанный на базе фреймворка Electron. С его помощью можно разрабатывать кросс-платформенные десктопные приложения, используя веб-технологии.

Суперсила VS Code в том, что он не привязан к определённому языку программирования, поэтому с его помощью можно создавать сайты, мобильные приложения, работать с базами данных и тестировать сервисы. Огромная библиотека плагинов позволяет расширять функции редактора, а если не удастся найти подходящий плагин, то всегда можно написать свой.

Возможности VS Code:

  • Подсветка синтаксиса — функции, классы, переменные и другие сущности выделяются разными цветами.
  • Автоматическое дополнение — если начать что-то писать, редактор предложит варианты завершения строки.
  • Контроль версий — поддерживаются интеграции с GitHub, GitLens и другими похожими сервисами.
  • Отладка — редактор подсвечивает ошибки и предлагает исправления. Вместе с этим поддерживается и полноценный режим отладки кода. К примеру, для проекта на Python его можно запустить клавишей F5, а для JavaScript запустится новое окно браузера.
  • Рефакторинг — редактор кода выводит советы для улучшения кода и повышения производительности, подсказывая, какие конструкции можно заменить.

Запускать VS Code можно даже на слабых компьютерах. Редактор работает на машинах с 1 ГБ оперативной памяти и процессором с частотой от 1,6 ГГц. Приятная особенность VS Code в том, что он абсолютно бесплатный.

Где скачать и как установить редактор кода

VS Code — кросс-платформенный редактор. Его можно установить на Windows, macOS и Linux. Ещё есть веб-версия, в которой можно редактировать файлы, когда нет возможности запустить полноценное приложение.

Ниже описан порядок установки VS Code на разные операционные системы.

Установка в macOS
  • Скачать установочный файл.
  • Открыть папку с загрузками и найти скачанный архив.
  • Извлечь содержимое и запустить приложение.
  • Перетащить Visual Studio Code.app в папку Программы.
  • Теперь приложение можно запускать из меню приложений.
Установка в Windows
  • Скачать установщик.
  • Открыть загрузки и найти скачанный файл.
  • Запустить двойным кликом VSCodeUserSetup-version>.exe.
  • По умолчанию приложение появится в папке Programs\Microsoft\VS Code.
Установка в Linux
  • Скачать установщик, подходящий к дистрибутиву.
  • Запустить файл и следовать инструкции.
Веб-приложение

Веб-версия VS Code находится по адресу vscode.dev. С её помощью можно изменять локальные файлы с компьютера, открывать удалённые репозитории, устанавливать некоторые расширения и сохранять результат работы на диск компьютера. VS Code запускается даже в мобильных браузерах, но у смартфонов довольно маленькие экраны, поэтому работать на них неудобно.

У веб-версии Visual Studio Code есть ряд ограничений. К примеру, вы не сможете воспользоваться терминалом и запустить программы на некоторых языках, среди которых Go и Rust.

Русификация

По умолчанию интерфейс VS Code англоязычный, но язык можно заменить на русский или любой другой. Для этого нужно скачать дополнительный языковой пакет и выбрать его в параметрах приложения. Как поменять язык VS Code на русский:

  • Открыть палитру команд с помощью сочетания клавиш Ctrl + Shift + P или + + P на macOS.
  • Ввести команду Configure Display Language и нажать Enter.
  • Найти в списке русский язык и выбрать его.
  • Перезапустить приложение.

Предупреждение!

Есть несколько причин, по которым не стоит русифицировать Visual Studio Code. Во-первых, большая часть видеоуроков и статей написана на английском. Поэтому во время обучения придётся переводить названия элементов интерфейса. Во-вторых, описание и решение многих ошибок, которые будут возникать в процессе разработки, тоже написаны на английском.

Настройка VS Code

Visual Studio Code можно полностью подстраивать под рабочие задачи, меняя как параметры самой программы, так и установленные плагины. Меню со всеми настройками можно найти в File → Preferences → Settings на Windows/Linux и в Code → Preferences → Settings на macOS.

Начинающим разработчикам и пользователям VS Code лучше не увлекаться изменением базовых параметров. Тем не менее есть несколько настроек, которые сделают работу на старте комфортнее.

Автоматическое сохранение. По умолчанию VS Code сохраняет изменения в файле только после нажатия сочетания клавиш Ctrl + S / + S. Но можно сделать так, чтобы код автоматически сохранялся после определённых действий. Для этого надо перейти в меню настроек и в поле поиска ввести Auto Save.

По умолчанию параметр установлен в off, но есть и другие значения:

  • afterDelay — файл сохраняется после задержки в миллисекундах, которую можно установить ниже.
  • onfocusChange — сохранение происходит после переключения на другой файл.
  • onWindowChange — файл сохраняется при переходе в окно другой программы.

Семейство шрифта и кегль. Стандартный шрифт очень мелкий, что сильно нагружает глаза при долгой работе с кодом. Поэтому лучше сразу подобрать оптимальные настройки. Сделать это можно в разделе «Шрифт». Параметр Font Family отвечает за семейство шрифта, а Font Size — за его размер. На широкоформатных мониторах лучше выбирать шрифт побольше.

Форматирование. Структуры в программном коде разделяются пробелами и отступами для более удобного чтения. Но если скопировать фрагмент кода и вставить его, то все отступы могут съехать. По умолчанию VS Code выравнивает их, только если нажать сочетание клавиш Shift + Alt + F / + + F. Но можно автоматизировать это.

Для этого в настройках переходим к разделу «Форматирование» и выбираем подходящий режим работы:

  • Format On Paste — форматирование применяется автоматически при вставке кода.
  • Format On Save — код форматируется во время сохранения.
  • Format On Type — форматирование применяется при наборе кода.

Обзор интерфейса

Интерфейс программы состоит из нескольких основных частей: окно редактора, карты кода, вкладок, статус-бара и иконок управления. Доступ к остальным функциям можно получить через настройки или системное меню VS Code.

По центру находится главная часть — редактор, в котором можно писать код. В верхней части окна выводится название открытого файла и карта вложенности сущностей. К примеру, можно быстро узнать, к какому классу принадлежит функция, что особенно полезно для проектов с большой кодовой базой.

Справа от редактора — окно с развёрнутой миниатюрой документа. Если в файле много строк, то с помощью него можно быстро перейти к необходимой части и не скроллить весь код.

Вверху расположены вкладки открытых файлов и окон. С их помощью можно быстро переключаться между несколькими открытыми документами.

Внизу находится статус-бар с дополнительной информацией о документе: какой язык используется, количество ошибок, имя активной Git-ветки, кодировка и статус работы некоторых плагинов (например, Live Server).

Слева от редактора находится окно инструментов со следующими разделами и функциями:

  • Проводник — выводит все папки и файлы проекта. Их можно открывать двойным кликом.
  • Поиск — позволяет искать все вхождения слова в файле. С его помощью можно найти строки исходника, в которых используется переменная или функция.
  • Git и GitHub — тут можно отслеживать историю изменений, переключаться между ветками Git и синхронизировать обновления проекта с удалённым репозиторием.
  • Запуск кода — VS Code позволяет запускать код, как в профессиональной IDE. Для каждого языка необходимо настроить параметры запуска.
  • Расширения — это большой магазин плагинов, тем и языковых пакетов. В нём можно управлять установленными расширениями и искать новые.
  • Тестирование — в этом окне удобно запускать тесты и подключать фреймворки для тестирования.

Ниже могут быть и другие иконки, их наличие зависит от установленных плагинов. К примеру, с помощью PlatformIO можно управлять инструментами для разработки под микроконтроллеры, а если через плагин Docker — контейнерами.

Справа от иконок есть поле, в которое выводятся элементы управления выбранным инструментом. Если выбрать «Проводник», то в окне появится список файлов.

Кастомизация

Пользователи Visual Studio Code могут менять оформление интерфейса с помощью сторонних цветовых схем. Вот как установить новую тему:

  • Перейти в меню Расширения.
  • Кликнуть на иконку фильтрации и выбрать Категория → Темы.
  • В открывшемся списке можно выбрать и установить понравившееся оформление.

Как изменить тему в VS Code:

С помощью стрелок выбрать в списке нужную тему и нажать Enter.

Плагины

VS Code — своеобразный швейцарский нож для разработчиков, возможности которого можно расширять с помощью плагинов. Часть из них выпускает Microsoft, но есть решения и от сторонних разработчиков.

Все плагины можно условно разделить на полезные и забавные. Первые помогают добавить в VS Code новые функции и поддержку дополнительных языков программирования. Так, для Python есть одноимённый плагин, который содержит линтеры, инструменты рефакторинга и правила подсветки синтаксиса. А если установить GitHub Copilot, то у вас появится собственный ИИ-помощник.

Вторая группа плагинов просто добавляет в VS Code что-то весёлое или милое. К примеру, VS Code Pets позволяет завести в пиксельного питомца прямо в окне редактора, а Power Mode отображает рядом с курсором фейерверк, если долго печатать без остановки. Больше таких плагинов можно найти в специальном маркетплейсе.

Горячие клавиши

В VS Code очень много инструментов и функций. Если для их активации пользоваться только мышкой, то довольно много времени будет уходить на навигацию и поиск нужных кнопок. Для ускорения рабочего процесса в Visual Studio Code поддерживаются горячие клавиши.

Полный список сочетаний клавиш для быстрого доступа к функциям можно узнать в File → Preferences → Keyboard Shortcuts на Windows/Linux или в Code → Preferences → Keyboard Shortcuts на macOS. В этом же окне можно настроить собственные горячие клавиши или переназначить базовые.

Некоторые полезные сочетания, которые разработчики часто используют:

Ctrl + S / + S Сохранить
Ctrl + O / + O Открыть файл
Ctrl + N / + N Создать новый файл
Ctrl + P / + P Перейти к файлу по названию
Ctrl + / / + / Закомментировать выделение
Ctrl + F / + F Поиск в файле по слову
Ctrl + Shift + N / + + N Открыть новое окно
Ctrl + Shift + P / + + P Открыть палитру команд
Ctrl + Shift + S / + + S Сохранить как

Полезные ссылки

  • Официальная документация Visual Studio Code
  • Магазин расширений
  • Магазин тем
  • Руководство по разработке и публикации собственной темы
  • Видео о настройке VS Code для продуктивной работы от freeCodeCamp
  • Таблицы со всеми горячими клавишами для Windows, macOS и Linux
  • Урок по созданию своего расширения с помощью JavaScript

Больше интересного про код — в нашем телеграм-канале. Подписывайтесь!

Читайте также:

  • GitHub Desktop и плагины для редакторов кода и IDE: VS Code, PyCharm, Eclipse и других
  • Релиз бета‑версии GitHub Copilot Chat с интеграцией в редакторы кода
  • Что такое Linux: гайд по самой свободной операционной системе

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *