Visual studio 2017 как пользоваться

Обновлено: 07.07.2024

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

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

Еще в студии есть понятие «решение». Имеется в виду решение какой-то поставленной программисту задачи. Если «решение» сложное, оно может состоять из нескольких проектов. В простом случае, с которого мы начнем, решение состоит из одного проекта.

При открытии студии по умолчанию открывается «Начальная страница», с которой можно создать новый проект, открыть существующий проект и увидеть список проектов, с которыми работал программист в последнее время («Последние»). Открытие этой «Начальной страницы» при запуске студии можно отключить (или включить обратно) через пункт меню «Средства» — «Параметры. » — раздел «Окружение» — «Запуск» — выбрать из списка «При запуске» значение «Показать пустое окружение». Если «Начальная страница» не открылась при запуске, для создания проекта можно воспользоваться пунктом меню «Файл» — «Создать» — «Проект. ».

[ Читать далее. ]
В открывшемся окне «Создание проекта» в левой части находится список разделов типов проектов. В центре — список типов проектов из выбранного слева раздела. Справа — текст с разъяснением области применения выбранного в центре типа проекта. В нижней части окна нужно указать название проекта, папку, в которой он будет находиться, название решения. Если установить флаг (галку) «Создать каталог для решения», то будет создана папка решения, внутри — файл решения и папка проекта с файлами и подпапками проекта. Если эту галку снять, то будет создана папка, внутри которой будут находиться и файл решения, и файлы и подпапки проекта.

Итак, в списке слева я выбираю раздел «Установленные» — «Visual C++». В центре появляется список типов проектов: Консольное приложение Windows, Классическое приложение Windows, Пустой проект. Я выбираю «Пустой проект». Имя проекта выскакивает «Project1», имя решения — такое же. Расположение по умолчанию — «C:\Users\Илья\source\repos». Флаг «Создать каталог для решения» оставляю по умолчанию — установленным. Нажимаю «OK».

В папке «C:\Users\Илья\source\repos\» получаем следующую структуру:

Для просмотра файлов и параметров проекта в студии используется «Обозреватель решений». По умолчанию панель «Обозревателя решений» открыта в окне студии слева, но если ее там нет, то можно вызвать через пункт меню «Вид» — «Обозреватель решений». Для сортировки файлов проекта по веткам «Обозревателя решений» используется вышеуказанный файл «Project1.vcxproj.filters». Все вышеуказанные файлы считаются вспомогательными и в «Обозревателе решений» не показываются.

Список файлов с кодом программы в «Обозревателе решений» можно посмотреть в ветке «Исходные файлы». В только что созданном пустом проекте эта ветка пустая, файлы нужно добавить. Это можно сделать, нажав правой кнопкой мыши на название ветки «Исходные файлы», в контекстном меню выбрать пункт «Добавить» — «Создать элемент. » — выбрать «Файл C++ (.cpp)». В созданном файле можно набирать код программы. Либо, если уже есть набранный файл с кодом программы, его нужно закинуть в папку проекта и добавить через пункт того же контекстного меню «Добавить» — «Существующий элемент. ».

Осталось получить исполняемый файл (.exe). Процесс его получения в студии называется «сборкой» и для открытого в данный момент проекта запускается с помощью пункта меню «Сборка» — «Собрать решение». Для сборки в студии можно задавать сотни разных параметров, получая на выходе очень разный по размерам и поведению исполняемый файл. По умолчанию уже существуют две настроенные конфигурации нашего решения с разными параметрами сборки — Debug и Release. Первая, очевидно, используется во время отладки программы. Вторая — для получения финального исполняемого файла, готового для распространения.

Переключатель между этими конфигурациями можно найти на панели инструментов студии, либо через пункт меню «Проект» — «Свойства». После сборки в конфигурации Debug в папке проекта появляется папка Debug с логами сборки, а в папке решения — папка Debug с исполняемым файлом «Project1.exe» и вспомогательными файлами. После сборки в конфигурации Release происходит то же самое, только названия соответствующих папок — Release.

В итоге размеры отладочного и финального варианта исполняемого файла «Project1.exe» в данном случае составили 38 Кб и 9 Кб соответственно.

Windows

Первая версия Microsoft Visual Studio была выпущена в 1998 году. В настоящее время последнее предложение называется Visual Studio 2017 и содержит множество функций. Он прошел долгий путь с момента его выпуска в 1998 году. Давайте просто кратко рассмотрим, как новичок может начать работу с VS. Поэтому, прежде всего, вам необходимо решить, собираетесь ли вы использовать онлайн-установщик или сначала отключить его. Это странно сложно. Из-за наличия в пакете сторонних компонентов, таких как Android Emulator, iOS SDK и т. Д., Microsoft не может напрямую размещать автономные образы ISO, как это было до VS 2015 года. Следовательно, существует два разных способа загрузки программного обеспечения в зависимости от после, если вы хотите автономный или онлайн-установщик. Давайте просто пройдемся по обоим по очереди.

Как установить Visual Studio

Автономный метод

Получение правильного издания

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

Загрузите Visual Studio Community 2017 здесь.
Найдите Visual Studio Professional 2017 здесь.
Загрузите Visual Studio Enterprise 2017 отсюда.

Получение всех файлов для автономного кэша

Давайте просто начнем для каждого компонента. Я говорю это; Вам не нужно получать все компоненты. Получить только те, которые имеют значение для вас.

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

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

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

Если вы не хотите использовать английский в качестве языка для программного обеспечения, просто поменяйте en-US в приведенных выше командах на нужный язык.

Установка Visual Studio из загруженного кеша

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

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

Онлайн установка

Чтобы загрузить Visual Studio с помощью онлайн-установщика, просто загрузите один из следующих файлов в соответствии с желаемой версией.

Загрузите Visual Studio Community 2017 здесь.
Найдите Visual Studio Professional 2017 здесь.
Загрузите Visual Studio Enterprise 2017 отсюда.

Просто запустите файл, который вы только что загрузили. После этого вы увидите экран, похожий на этот.

Теперь нажмите продолжить , и теперь вы увидите эту страницу.

На этой странице вам нужно будет выбрать компоненты, которые вам нужно скачать. Выберите их и нажмите Установить.

После этого вы увидите, как VS загружает и применяет выбранные вами компоненты, как показано на скриншоте ниже.

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

Эврика! У вас установлена Visual Studio 2017 на вашем компьютере. Вы можете найти его в меню «Пуск», как показано в приведенном ниже фрагменте экрана, или же найти его как ярлык на рабочем столе.

Теперь, когда вы запустите Visual Studio, он попросит вас войти с вашей учетной записью Microsoft. Если вы используете версию Professional или Enterprise, я бы порекомендовал вам войти в систему с помощью электронного адреса, который вы использовали для покупки подписки. После входа вы увидите страницу Начало работы .

Сначала мы посмотрим, как все работает внутри VS 2017. Перейдите в Файл> Новый> Проект. Теперь появится маленькое окно, которое будет похоже на это, как показано на скриншоте ниже.

Теперь вы можете начать писать свой код между этими фигурными скобками, как отмечено во фрагменте выше.

Просто теперь ваш код должен выглядеть примерно так:

Нажмите F5 на клавиатуре, чтобы запустить программу. Теперь появится окно консоли, показывающее вывод как

Вы можете увидеть это здесь.

Теперь из-за кода пишется как Console.ReadLine (); вам придется нажать любую клавишу на клавиатуре, чтобы вернуться к своему коду.

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

Но индивидуальные потребности отличаются от усредненных! Поэтому настройка Visual Studio необходима. Я буду рассматривать настройки исходя из моих личных предпочтений и потребностей web разработки т.к. это моя повседневная деятельность. При этом важно заметить, что мои настройки применимы, хотя бы в части, и к другим версиям программы, а также к другим направлениям разработки

Убираю стандартную панель инструментов

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

стандартная панель инструментов

Сохранение файла: Ctrl + S, Сохранение всех файлов: Ctrl+Shift+S

Отмена и повтор действия: Ctrl+Z и Ctrl+Y соответственно

стартовая страница VS

Захожу в меню Options > Tools. Далее в появившемся окне выбираю Environment > Startup. Выбираю Show empty environment. И заодно выключаю галочку Donwload content every. К чему мне подгрузка контента из интернета? Не зачем. Когда надо тогда в браузере посмотрю.

отключение стартовой страницы отключение стартовой страницы 2

Цветовая схема Visual Studio

Существует три схемы Light, Dark, Blue (Светлый, Темный, Синий).

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

черная цветовая схема

синяя цветовая схема

Глаза программиста основной инструмент. Даже наличие мозгов не так критично( Можно не сильно напрягаясь делать простенькие сайтики) Но почему-то об этом не думают разработчики студии. Размер шрифтов сразу же напрягает зрение. А сидеть в напряжении глаз полный рабочий день не стоит.

Кстати, минимальное расстояние от глаз до монитора это 50 см. Очень рекомендую соблюдать эту норму. Вообще, это тема отдельной статьи правильная организация рабочего места, которую надо написать.

шрифты в VS в базе

Настройки шрифтов: Захожу в меню Options > Tools. Далее в появившемся окне выбираю Environment > Fonts and Colors.

Для себя я решил увеличить размер букв на 1 пункт. Вы же для себя подберите наиболее оптимальный размер сами. Возможно понадобится и больше. Главный критерий : глаза не должны испытывать дискомфорта.

Увеличиваю размер в текстовом редакторе (text editor). Это все таки основной рабочий инструмент с наибольшим временем использования.

шрифты в редакторе

Аналогично для меню и общего интерфейса:

По умолчанию тут нельзя сменить размер шрифта (кегль). Для этого нужно сменить сам шрифт с автоматического. Тут сразу возникнет вопрос: а на какой шрифт сменить? В Windows 7 по умолчанию Segoe UI. Если выбрать этот вариант, то визуально ничего не изменится. И вот теперь уже можно сменить кегль.

шрифты в меню

Ну вот. Стало значительно лучше:

шрифты в VS после настройки

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

1. В первую очередь перечислим, какие компоненты должны быть установлены для создания графического приложения на языке С++. Их три, все относятся к разделу "Desktop development with C++":
- VC++ 2017 v141 toolset (x86,x64)
- Windows 10 SDK (10.0.15063.0) for Desktop C++ x86 and x64
- C++/CLI support

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

2. После установки среды разработки переходим
File > New > Project. ( ^+N )
В появившемся окне отыскиваем Installed > Visual C++ > CLR > CLR Empty Project

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

3. Необходимо добавить в приложение главную форму. Есть два равносильных пути достижения этой цели.
Первый: в "Solution Explorer" правой кнопкой мыши на названии проекта, во всплывшем контексном меню Add > New Item.
Второй способ: в главном меню выбираем Project > Add New Item.
Или просто нажимаем ^+A

Во появившемся окне Visual C++ > UI > Windows Form

Главная форма программы создана. На некоторых компьютерах в данный момент возможно выскакивание ошибки 0x8000000A, в этом случае нужно просто закрыть вкладку.

Эта ошибка хорошо известна ещё по Visual Studio 2015. Можете почитать её обсуждение, к примеру, на сайте Microsoft по ссылке1, ссылке2, ссылке3. И более лучшего решения, чем закрывать вкладку, ещё нет. По всей видимости, команда разработчиков Visual Studio не считает эту ошибку достаточно серьёзным делом, чтобы ломать о неё копья.

4. Но мало просто создать форму, нужно вплести её в создаваемую программу. Для этого в "Solution Explorer" правой кнопкой мыши на названии проекта, во всплывшем контексном меню выбрать Properties .

В открывшемся окне произвести два действия.
• Linker > System > SubSystem , из раскрывающегося списка выбрать " Windows (/SUBSYSTEM:WINDOWS) "

• Linker > Advanced > Entry Point . В пустое поле вписать " main " (без кавычек).

5. В "Solution Explorer" двойным щелчком открыть в редакторе файл MyForm.cpp. Скопировать в него текст

Отлично, всё готово! Теперь проект компилируем и запускаем. Но если у вас ранее выскакивала 0x8000000A, то быстрее всего вам придётся перезапустить Visual Studio и вновь загрузить в нём проект. Далее ошибка ни в чём не проявится.

6. Для того, чтобы добавить на нашу только что созданную форму новые элементы, понадобится панель Toolbox. Полезно запомнить горячую клавишу ^!X

Работа с размещением элементов на форме сложностей вызвать не должна. Работает здесь всё удобнее, чем wxWidgets в CodeBlocks или wxDev-C++. Никаких глюков мною замечено не было.

Для изменения свойств только что созданного элемента интерфейса щёлкните на нём правой кнопкой и в контекстном меню выберите, соответственно, Properties.

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

MessageBox::Show("Hello World",
"My heading", MessageBoxButtons::OKCancel,
MessageBoxIcon::Asterisk);

Запускаем и проверяем!

Если вдруг не запустится, то первым делом проверяем, что выставлено в раскрывающемся списке Solution Configurations . Он находится на панели инструментов (под главным меню). Там должно быть Release (а не Debug) .

Дополнительная информация

Альтернативные способы создания графических приложений в Visual Studio 2017.

1. UWP (Universal Windows Platfrom application) - универсальные приложения, способные запускаться на Windows 10, Windows 10 Mobile и аналогичных самых современных платформах от Microsoft. Платформа разработана как расширение Windows Runtime. Всё бы хорошо, но данные приложения не могут запускаться на более старых версиях Windows, даже на восьмёрке.

Пара слов для общего развития о нескольких технологиях, на которые вы будете постоянно натыкаться при чтении документации по разработке GUI в Visual Studio.

ATL (Active Template Library) - набор шаблонных классов языка C++, предназначенных для упрощения написания COM-компонентов.
MFC (Microsoft Foundation Classes) - библиотека объектов, помогающая профессиональным разработчикам создавать десктопные приложения. Что-то вроде более усложнённого и навороченного варианта ATL. ATL и MFC являются хорошими вещами, и с их задействованием также можно создавать графические приложения. Но это инструменты, требующие наличия углублённых знаний тематики.

IncrediBuild - технология ускорения компиляции и сборки приложений с помощью подключения дополнительных компьютеров. К методам создания графических интерфейсов это напрямую не относится.

Примечания:
В интернете можно наткнуться на заголовок "Full C and C++ IDE with Visual Studio". Оттуда закачиваются те же самые стандартные дистрибутивы Visual Studio, проверено по контрольным суммам.

P.S.
Теперь можно немного поэкспериментировать с элементами интерфейса. Ниже показан код простейшего графического калькулятора:

private: System::Void button6_Click(System::Object^ sender, System::EventArgs^ e) Application::Exit();
>

private: System::Void radioButton1_CheckedChanged(System::Object^ sender, System::EventArgs^ e) label1->Text = "+";
>
private: System::Void radioButton2_CheckedChanged(System::Object^ sender, System::EventArgs^ e) label1->Text = "-";
>
private: System::Void radioButton3_CheckedChanged(System::Object^ sender, System::EventArgs^ e) label1->Text = "*";
>
private: System::Void radioButton4_CheckedChanged(System::Object^ sender, System::EventArgs^ e) label1->Text = "/";
>

private: System::Void button5_Click(System::Object^ sender, System::EventArgs^ e) char sw = System::Convert::ToChar(label1->Text);
double a = System::Convert::ToDouble(textBox1->Text);
double b = System::Convert::ToDouble(textBox2->Text);
double r;
switch (sw) case '+':
r = a + b;
break;
case '-':
r = a - b;
break;
case '*':
r = a * b;
break;
case '/':
r = a / b;
break;
>
label2->Text = "Result: " + System::Convert::ToString(r);
>

А теперь можно попытаться сотворить что-то более похожее на стандартное window-приложение. Пока простейшее.

double iFirstNum;
double iSecondNum;
double iResult;
String^ iOperator;

private: System::Void btnC_Click(System::Object^ sender, System::EventArgs^ e) /*button C ("Global Clear" - clears the entire calculation*/
tbDisplay->Text = "0";
lblShowOp->Text = "";
>

private: System::Void btnCE_Click(System::Object^ sender, System::EventArgs^ e) <
/*button CE ("Clear Entry" is supposed to be used to clear only the thing you are currently
typing into the calculator, before you have performed any operation on it.*/
tbDisplay->Text = "0";
>

private: System::Void buttonS_Number_Click(System::Object^ sender, System::EventArgs^ e) <
//Number Buttons Event
Button ^ Numbers = safe_cast<Button^>(sender);
if (tbDisplay->Text == "0")
tbDisplay->Text = Numbers->Text;
else
tbDisplay->Text += Numbers->Text;
>

private: System::Void buttonS_Arithmetic_Click(System::Object^ sender, System::EventArgs^ e) <
//Operator Buttons Event
Button ^ op = safe_cast<Button^>(sender);
iFirstNum = Double::Parse(tbDisplay->Text);
tbDisplay->Text = "0";
iOperator = op->Text;
lblShowOp->Text = System::Convert::ToString(iFirstNum) + " " + iOperator;
>

private: System::Void btnEquals_Click(System::Object^ sender, System::EventArgs^ e) <
//Equals
iSecondNum = Double::Parse(tbDisplay->Text);

if (iOperator == "+")
iResult = iFirstNum + iSecondNum;
else if (iOperator == "-")
iResult = iFirstNum - iSecondNum;
else if (iOperator == "*")
iResult = iFirstNum * iSecondNum;
else if (iOperator == "/")
iResult = iFirstNum / iSecondNum;
else MessageBox::Show("Unknown operation.\nSomething wrong.",
"error", MessageBoxButtons::OK,
MessageBoxIcon::Error);
return;
>

private: System::Void btnDot_Click(System::Object^ sender, System::EventArgs^ e) <
//Decimal Point
if (!tbDisplay->Text->Contains("."))
tbDisplay->Text += ".";
>

private: System::Void btnPM_Click(System::Object^ sender, System::EventArgs^ e) <
//Plus-Minus
if (tbDisplay->Text->Contains("-"))
tbDisplay->Text = tbDisplay->Text->Remove(0, 1);
else
tbDisplay->Text = "-" + tbDisplay->Text;
>

Код создан на основе видеоролика
"Visual C++ Calculator Tutorial with Decimal Point and Backspace" (37:59, DJ Oamen, 2016 Jan 2, Visual C++ 2010) ,
но имеет ряд отличий.

Как продолжение, существует видеоролик
"Visual C++ Scientific Calculator Tutorial" (53:31, Paul Oamen, 2016 Oct 2, Visual Studio 2015). Судя по голосу, автор тот же. К показанному выше калькулятору прибавляется конвертер температуры и ряд более научных функций. Предупрежу, что итоговое "творение" имеет массу изъянов и глюков, поэтому видео можно просматривать исключительно для изучение приёмов программирования. Но не используйте его в качестве образца того, как нужно создавать калькуляторы.

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