Где найти меню в вижуал студио 2019

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: гайд по самой свободной операционной системе

Среды разработки для С

Одной из распространенных сред разработки для программирования на Windows является Visual Studio . В данном случае мы будем использовать бесплатную и полнофункциональную среду Visual Studio 2019 Community, которую можно найти по адресу https://visualstudio.microsoft.com/ru/vs/community/.

После загрузки и запуска установщика Visual Studio в нем необходимо отметить пункт Разработка классических приложений на C++ :

Выбрав все необходимые пункты, нажмем ОК для запуска установки. После установки Visual Studio создадим первый проект. Для этого откроем Visual Studio. На стартовом экране выберем тип Empty Project для языка C++:

На следующем экране в поле для имени проекта дадим проекту имя HelloApp и также можно указать расположение проекта. И затем нажмем на Create для создания проекта.

После этого Visual Studio создаст пустой проект. Добавим в него текстовый файл для набора исходного кода. Для этого в окне Solution Explorer (Обозреватель решений) нажмем правой кнопкой мыши на узел Source Files и в контекстом меню выберем Add -> New Item. :

Затем нам откроется окно для добавления нового элемента:

Здесь нам надо выбрать пункт C++ File(.cpp) , а внизу окна укажем для файла имя hello.c . Как правило, исходные файлы на Си имеют расширение .с . Оно указывает, что этот файл содержит исходный код на языке С, и он будет обрабатываться соответствующим компилятором.

Настройка проекта

После добавления файла изменим опции проекта. Для этого перейдем к пункту меню Project -> Properties

В окне свойств проекта в левой части перейдем к секции С/С++ и далее к пункту Advanced :

В правой части окна для поля Compile As установим значение Compile as C Code (/TC) . Тем самым мы говорим, чтобы по умолчанию исходный код компилировался именно как код С, а не С++.

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

Для работы с языком Си может быть полезна еще одна настройка — установка стандарта языка. Перейдем к пункту С/С++ -> Language . Здесь в поле C Language Standard мы можем установить один из доступных стандартов для языка Си, который будет применяться для компиляции:

Правда, в данном случае он не играет значения, поэтому оставим для этого параметра настройку по умолчанию.

Определение кода программы

После добавления файла >hello.c проект будет иметь следующую структуру:

Вкратце пробежимся по этой структуре. Окно Solution Explorer содержит в решение. В данном случае оно называется HelloApp. Решение может содержать несколько проектов. По умолчанию у нас один проект, который имеет то же имя — HelloApp. В проекте есть ряд узлов:

• External Dependencies : отображает файлы, которые используются в файлах исходного кода, но не являются частью проекта
• Header Files : предназначена для хранения заголовочных файлов с расширением .h
• Resource Files : предназначена для хранения файлов ресурсов, например, изображений
• Source Files : хранит файлы с исходным кодом

Теперь определим в файле hello.c простейший код, который будет выводить строку на консоль:

#include // подключаем заголовочный файл stdio.h int main(void) // определяем функцию main < // начало функции printf("Hello METANIT.COM!\n"); // выводим строку на консоль return 0; // выходим из функции >// конец функции

Здесь использован весь тот код, который был рассмотрен в предыдущих темах про компиляцию с помощью GCC.

Теперь запустим программу. Для этого в Visual Studio нажмем на сочетание клавиш Ctrl+F5 или выберем пункт меню Debug -> Start Without Debugging :

И в итоге Visual Studio передаст исходный код компилятору, который скомпилирует из кода исполняемый файл exe, который потом будет запущен на выполнение. И мы увидим на запущенной консоли наше сообщение:

Затем в проекте в папке x64/Debug мы можем увидеть скомпилированный файл exe, который мы можем запускать независимо от Visual Studio:

В данном случае файл HelloApp.exe как раз и представляет скомпилированный исполняемый файл.

Как определить guid и id нужного меню в Visual Studio?

Как определить guid и id нужного меню в Visual Studio, если соответствующей информации нет в документации (также в h и vsct файлах SDK) ?

• visual-studio
• visual-studio-extensions

Отслеживать
задан 28 апр 2015 в 13:37
3,471 2 2 золотых знака 20 20 серебряных знаков 42 42 бронзовых знака

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

Ответ на этот вопрос можно найти тут Link Однако это статья на английском, поэтому я быстро объясню этот процесс по-русски. Итак надо в реестре Windows по указанному пути сделать изменение (если у вас другая версия Visual Studio, то 12.0 надо заменить, например на 10.0)

Windows Registry Editor Version 5.00 [HKEY_CURRENT_USER\Software\Microsoft\VisualStudio\12.0\General] «EnableVSIPLogging»=dword:00000001

то есть в папке HKEY_CURRENT_USER\Software\Microsoft\VisualStudio\12.0\General присвоить EnableVSIPLogging значение 00000001. Хочу заметить, что у меня этого файла не было и его нужно было создать. Указанный код можно скопировать в файл с расширением .reg и запустить двойным щелчком (все выполнится автоматически). После этого перезапустите Visual Studio. Теперь, если вы зажмете Ctrl+Shift и попытаетесь вызвать какое-либо меню (например, сервис, файл, правка или просто кликните правой кнопкой рядом с кодом) то появиться сообщение в котором отобразится guid и id меню.

В данном случае я кликнул правой кнопкой в окне XAML разметки. Стоит отметить, что id меню является CmdID. Ну и наконец, чтобы было удобнее работать с этим, можно написать следующий код:

после чего внедриться в это меню можно просто указав родителя (группе или меню)

Панель инструментов

Область применения:Visual Studio Visual Studio для Mac Visual Studio Code

Окно панели элементов отображает элементы управления, которые вы можете добавлять в проекты Visual Studio. Чтобы открыть панель элементов, выберите Вид>Панель элементов в строке меню или нажмите клавиши CTRL+ALT+X.

Можно перетаскивать различные элементы управления на поверхность используемого конструктора, а также изменять размер и положение элементов управления.

Панель элементов отображается вместе с представлениями конструктора, например представлением XAML-файла или проектом приложения Windows Forms. На панели элементов отображаются только те элементы управления, которые можно использовать в текущем конструкторе. Вы можете выполнить поиск в пределах панели элементов, чтобы отфильтровать отображаемые элементы.

Для некоторых типов проектов панель элементов не содержит никаких элементов.

Целевая версия .NET проекта также влияет на набор элементов управления, отображаемых на панели элементов. При необходимости вы можете изменить требуемую версию .NET Framework на страницах свойств проекта. Выберите узел проекта в обозревателе решений, а затем в строке меню выберите Проект>Свойства имя_проекта. На вкладке Приложение выберите нужное значение в выпадающем списке Целевая платформа.

Управление окном панели элементов и элементами управления в нем

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

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

Вы можете изменить порядок элементов на вкладке Панель элементов или добавить собственные вкладки, используя следующие команды в контекстном меню:

• Переименовать элемент. Переименование выбранного элемента.
• Представление списка. Отображение элементов управления в вертикальном списке. Если этот флажок не установлен, элементы управления размещаются горизонтально.
• Показать все. Отображение всех возможных элементов управления (не только тех, которые можно использовать в текущем конструкторе).
• Выбрать элементы. Открывает диалоговое окно Выбор элементов панели элементов, в котором можно указать элементы, отображаемые на панели элементов. Вы можете показать или скрыть элемент, установив или сняв его флажок.
• Сортировать элементы по алфавиту. Сортировка элементов по имени.
• Сброс панели. Восстановление параметров и элементов по умолчанию для панели элементов.
• Добавить вкладку. Добавление новой вкладки на панель элементов.
• Вверх. Перемещение выбранного элемента вверх.
• Вниз. Перемещение выбранного элемента вниз.

Создание и распространение пользовательских элементов управления панели элементов

Вы можете создать для панели элементов пользовательский элемент управления с помощью шаблона проекта на основе Windows Presentation Foundation или Windows Forms. Затем этот пользовательский элемент управления можно предоставить коллегам или опубликовать в Интернете с помощью установщика элементов управления панели элементов.

Следующие шаги

Перейдя по следующим ссылкам, вы узнаете о некоторых доступных вкладках панели элементов.

• Панель элементов, вкладка «Данные»
• Панель элементов, вкладка «Компоненты»
• Вкладка «HTML», панель элементов

См. также