Нашли ошибку или опечатку? Выделите текст и нажмите

Поменять цветовую

гамму сайта?

Поменять
Обновления сайта
и новые разделы

Рекомендовать в Google +1

Область редактирования кода в Visual Studio

148

Как большинство интегрированных сред разработки, система Visual Studio 2013 построена на основе главного окна редактирования кода. Со временем система эволюционировала и теперь представляет собой нечто большее, чем простой текстовый редактор. Несмотря на то что большинство разработчиков по-прежнему проводят значительное время, работая над кодом программ в области редактирования, все большее количество проектировщиков имеют возможность решать такие задачи, как создание форм, настройка параметров проекта и редактирование ресурсов. Независимо от того, пишете ли вы код или создаете форму проекта, вам придется провести много времени в области редактирования кода (code editor) системы Visual Studio 2013. По этой причине важно знать, как наладить среду так, чтобы ваша работа была более эффективной.

Темы

Одним из важных нововведений, появившемся в Visual Studio 2012, является возможность менять цветовые темы (color themes). Дизайн предыдущих версий Visual Studio изобиловал различными градиентами и графическими эффектами, в то время, как, начиная с версии 2012, появился более "строгий" монотонный графический интерфейс, который используется и в Visual Studio 2013. Благодаря цветовым темам можно изменять графический интерфейс. Существует три основных темы: темная (dark), светлая (light) и синяя (blue). Синяя тема добавлена в Visual Studio 2013 для людей, которые привыкли работать с более старыми версиями Visual Studio.

Для смены темы используйте диалоговое окно Tools --> Options, в котором в разделе Environment --> General можно изменить тему из выпадающего меню. На рисунках ниже показаны темная и светлая темы:

Темная тема Visual Studio
Светлая тема Visual Studio

Шрифты и цвета

Одной из первых настроек, которую презентаторы программ обычно изменяют в системе Visual Studio, стремясь повысить читабельность кода, являются шрифты и цвета в области редактирования. Однако это делают не только презентаторы. Выбрав шрифт и цвет, которые не утомляют глаза, вы можете повысить производительность своей работы. На рисунке ниже показаны узлы Fonts и Colors в диалоговом окне Options, позволяющие настроить шрифт, размер, цвет и стиль разных элементов экрана. Следует лишь помнить, что эти узлы диалогового окна Options загружаются очень долго, поэтому старайтесь не открыть их непреднамеренно.

Настройки цвета и шрифта для кода

Для того чтобы изменить визуальное представление конкретного текстового элемента в системе Visual Studio 2013, сначала выберите область интегрированной среды разработки, к которой хотите применить новые настройки. Например, на рисунке был выбран элемент Text Editor. Это предопределило элементы, которые должны были появиться в списке Display Items. Выбрав требуемый элемент в этом списке, настройте шрифт и цвета.

Некоторые элементы этого списка, например Plain Text, используются во многих областях системы Visual Studio 2013, поэтому последствия изменения шрифтов и цветов иногда могут быть непредсказуемыми.

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

Принципы визуального представления

Редактируя текст, система Visual Studio 2013 автоматически раскрашивает элементы кода в зависимости от типа файла. Например, в коде на языке C# ключевые слова выделяются синим цветом, имена переменных и ссылки на классы - черным, а строковые литералы - красным.

Цветовое выделение элементов кода в Visual Studio

На рисунках ниже продемонстрированы разные особенности визуального представления кода. Читатели, знакомые с языком C#, сразу поймут, что на предыдущем рисунке недостает конца строки, в которой метод обрабатывает событие Click, связанное с кнопкой. Это объясняется тем, что часть строки уходит за край кодового окна. Для того чтобы увидеть конец этой строки, разработчик должен либо прокрутить окно вправо, либо переместить туда курсор, используя навигационные клавиши, либо просто переместить код на следующую строку, как показано на первом рисунке ниже. На следующем рисунке показана процедура сворачивания текста, которая выполняется с помощью диалогового окна Options (узел Text Editors --> All Languages --> General). Мы установили галочку напротив параметра "Show visual glyphs for word wrap". Теперь Visual Studio будет выводить на экран визуальные глифы в конце каждой строки, чтобы выделить свернутые строки:

Перенос текста в редакторе кода Visual Studio
Автоматический перенос текста в редакторе кода с графическими глифами Visual Studio

На нижнем рисунке продемонстрированы еще две возможности визуального представления кода. Во-первых, слева от маркеров блоков кода указаны номера строк. Эту возможность можно подключить с помощью флажка Line Numbers, расположенного под флажками Word Wrap и VisualGlyphs. Другая возможность - это точки, обозначающие пробелы в тексте кода. В отличие от других элементов визуального представления эту возможность можно включить с помощью команды Edit --> Advanced --> View White Space, при условии, что область редактирования находится в фокусе.

Полноэкранный режим

Когда пользователь открывает много инструментальных окон и панелей, пространство для редактирования кода быстро уменьшается. По этой причине в системе Visual Studio 2013 предусмотрен полноэкранный режим, запустить который можно с помощью команды View --> Full Screen. В качестве альтернативы можно нажать комбинацию клавиш Shift+Alt+Enter, которая включает и отключает полноэкранный режим. На рисунке ниже показана верхняя часть окна системы Visual Studio 2013 в полноэкранном режиме, в котором не видны ни инструментальные панели, ни инструментальные окна, причем окно раскрыто максимально широко, так, что даже кнопки Minimize, Restore и Close не видны:

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

Отслеживание изменений

Для того чтобы обогатить возможности редактирования, система Visual Studio 2013 предусматривает отслеживание строк, изменившихся в ходе сеанса редактирования. Когда вы открываете файл для редактирования, ни одна из строк не раскрашена. Но когда вы начнете редактировать текст, то заметите желтую метку возле измененных строк. На рисунке ниже показано, что строка, содержащая ссылку на объект MessageBox, была модифицирована за время, прошедшее с момента последнего сохранения файла:

Отслеживание изменений в редакторе кода Visual Studio

После сохранения файла в конце измененных строк появится зеленый маркер. На рисунке выше видно, что первая строка, содержащая ссылку на объект MessageBox, была изменена за время, прошедшее с открытия файла, но эти изменения уже записаны на диск. В то же время вторая строка, содержащая ссылку на объект MessageBox, еще не была сохранена.

Если вы не считаете полезной возможность отслеживать изменения строк, отключите ее, сбросив флажок Text Editor --> Genera --> Track Change в окне Options.

Пройди тесты