Visual studio добавить шрифт
Какой шрифт используется в редакторе кода Visual Studio и как менять шрифты?
Итак, какой шрифт по умолчанию для редактора кода Visual Studio во всех средах (Ubuntu, MAC OS и windows)? И как я могу его изменить?
Затем вы можете ввести в объект JSON любые параметры, которые вы хотите переопределить. Настройки пользователя для каждого пользователя. Вы также можете настроить параметры рабочего пространства, которые относятся к проекту, над которым вы сейчас работаете.
В настройках по умолчанию VS Code использует следующие шрифты (14 pt) в порядке убывания:
В VSCode, если "editor.fontFamily": "" пуст, размер шрифта НЕ будет работать. Установите семейство шрифтов, чтобы изменить размер.
"editor.fontFamily": "Verdana",
или
"editor.fontFamily": "Monaco",
Действительно, используйте любую семейство шрифтов, которое вам нравится.
Тогда "editor.fontSize": 16,
должно сработать.
Шрифты по умолчанию различаются в Windows, Mac и Linux. Начиная с VSCode 1.15.1, настройки шрифта по умолчанию можно найти в исходном коде:
В Windows настройки по умолчанию следующие (я никогда не устанавливал Монако или Менло)
Настройки fontSize до 12 и lineHeight до 16 близко приближают Visual Studio к Consolas с размером 10pt. Я не смог получить точное соответствие (шрифт VS Code немного смелее), но достаточно близко.
"editor.fontFamily": "Menlo, Monaco, ‘Courier New’, monospace",
что подтверждает то, что Энди Ли говорит выше.
В Linux для получения списка шрифтов (и их имен, которые вы должны использовать) запустите это в другой оболочке:
Вы можете указать список шрифтов, чтобы иметь запасные значения в случае отсутствия шрифта.
Перейдите на Tools-> Опции в главном окне. Под контейнером Environment вы можете увидеть шрифты и цвета. Вы можете выбрать шрифт и цвет, который вы хотите.
Поскольку VisualStudio был обновлен сейчас (2019). Вы можете примерить этот метод:
Перейдите на File-> Настройки-> Настройки.
Перейдите на вкладку Рабочее пространство и затем Текст Editor-> Шрифт.
Под формой Font-Family введите имена семейств шрифтов, которые вы хотите использовать, через запятую. Например, я поместил эти шрифты в свое рабочее пространство:
введите описание изображения здесь
Как использовать пользовательский шрифт в коде visual studio
Это не столько вопрос о кодировании, сколько о редакторе кода visual studio. Я хочу использовать исходный код pro в редакторе, но я не знаю, на что изменить настройку шрифта. Спасибо!
при необходимости сначала установите шрифт на свой компьютер. Затем в настройках пользователя JSON-файл (Файл > Настройки > Настройки Пользователя), переопределить editor.fontFamily вот так:
вам может потребоваться перезапустить VSCode, если он был уже открыт, когда шрифт был впервые установлен.
в дополнение к ответу Nacimota, чтобы установить пользовательские шрифты (с помощью Windows 10 в следующем примере), перейдите в учебник здесь.
для меня это был вопрос поиска "шрифтов" из моей панели задач, а затем нажав на верхний результат. Оттуда я перетащил все файлы в каталог" target/TTF", который генерируется из следующего учебника по исходному коду Pro.
Windows Forms, Добавление шрифта в программу
Всем доброго времени суток! Столкнулся с такой проблемой: всем элементам (лэйблам, листбоксам и пр) установил скачанный из интернета шрифт, на моём компуктере всё работает, а на других, логично, нет. Прочтение других вопросов на стэковерфлоу и сторонних статей (в первую очередь этой) понимания не дало. Самый понятный вариант, который я видел — хранение шрифта в .resx файле, но инструкции его создания для дальнейшего редактирования я тоже не нашёл — только предостережение, что ручное создание может привести к ошибкам.
Подскажите, как либо добавить шрифт в саму программу, либо как на него сослаться, положив в ту же директорию, что и .exe файл? (вообще хотелось бы добавить в программу, но в данном случае пойдёт и положить рядом, так как всё равно с .exe уже лежит .xml с данными)
Просто положите шрифт в папку/подпапку вашего приложения. С учётом того, что это WinForms, используем PrivateFontCollection .
все шрифты в Visual Studio должны быть предоставлены пользователю для настройки. Это делается в первую очередь с помощью страницы шрифты и цвета в диалоговом окне Сервис > Options (параметры ). Три основные категории параметров шрифта:
Шрифт окружения — основной шрифт IDE (интегрированная среда разработки), используемый для всех элементов интерфейса, включая диалоговые окна, меню, окна инструментов и окна документов. По умолчанию шрифт среды привязан к системному шрифту, который отображается в Segoe UI в текущей версии Windows в виде 9 пт. Использование одного шрифта для всех элементов интерфейса позволяет обеспечить единообразное отображение шрифта в интегрированной среде разработки.
Текстовый редактор — элементы, которые отображаются в коде и других текстовых редакторах, можно настроить на странице «текстовый редактор» в меню «Сервис > параметры».
Конкретные окна конструктора коллекций, которые предлагают пользовательскую настройку элементов интерфейса, могут предоставлять шрифты, относящиеся к их поверхности разработки, на собственных страницах параметров в средствах > параметров.
Настройка шрифта редактора и изменение его размера
Пользователи часто могут увеличить или уменьшить размер и (или) цвет текста в редакторе в соответствии с их предпочтениями, независимо от общего пользовательского интерфейса. Так как шрифт среды используется для элементов, которые могут отображаться в редакторе или конструкторе или как часть него, важно отметить ожидаемое поведение при изменении одной из этих классификаций шрифтов.
При создании элементов пользовательского интерфейса, которые отображаются в редакторе, но не являются частью содержимого, важно использовать шрифт среды, а не шрифт текста, чтобы размер элементов можно было изменять предсказуемым образом.
Для текста кода в редакторе измените размер с помощью параметра шрифт текста кода и ответьте на уровень масштабирования текста в редакторе.
Все остальные элементы интерфейса должны быть привязаны к параметру шрифта среды и отвечать на любые глобальные изменения в среде. Среди прочего необходимо отметить следующие улучшения:
Текст в контекстных меню
Текст в оформлении редактора, например, текст меню лампочки, панель быстрого поиска и переход к области
Текст метки в диалоговых окнах, например " найти в файлах " или " Рефакторинг "
Доступ к шрифту среды
В машинном коде или WinForms можно получить доступ к шрифту среды, вызвав метод IUIHostLocale::GetDialogFont после запроса интерфейса от SID_SUIHostLocale службы.
для Windows Presentation Foundation (WPF) создайте класс диалогового окна из DialogWindow класса оболочки вместо Window класса WPF.
В XAML код выглядит следующим образом:
Код программной части:
(Замените Microsoft.VisualStudio.Shell.11.0 текущей версией библиотеки DLL MPF.)
Чтобы отобразить диалоговое окно, вызовите " ShowModal() " для класса ShowDialog() . ShowModal() устанавливает правильное модальное состояние в оболочке, обеспечивает центрирование диалогового окна в родительском окне и т. д.
ShowModal Возвращает логическое значение? (Nullable Boolean) с параметром DialogResult , который может использоваться при необходимости. Возвращаемое значение равно true, если диалоговое окно было закрыто с помощью ОК.
Если необходимо отобразить какой-либо пользовательский интерфейс WPF, который не является диалоговым окном и размещен в нем HwndSource , например всплывающее окно или дочернее окно WPF для родительского окна Win32 или WinForms, необходимо задать FontFamily и FontSize в корневом элементе элемента WPF. (Оболочка задает свойства в главном окне, но они не будут наследоваться после HWND ). Оболочка предоставляет ресурсы, к которым могут быть привязаны свойства, например:
Справка по форматированию (масштабирование и выделение полужирным шрифтом)
Для некоторых диалоговых окон требуется, чтобы определенный текст был полужирным или иметь размер, отличный от шрифта среды. Ранее шрифты, превышающие шрифт среды, были закодированы как " environment font +2 " или похожи. Использование предоставленных фрагментов кода будет поддерживать мониторы с высоким разрешением и отображать отображаемый текст по правильному размеру и весу (например, Light или Semilight).
Перед применением форматирования убедитесь, что вы выполните рекомендации, приведенные в поле стиль текста. * *
Чтобы масштабировать шрифт среды, установите стиль TextBlock или Label так, как указано. Каждый из этих фрагментов кода, который правильно использовался, создаст правильный шрифт, включая соответствующие варианты размера и веса.
Где " vsui " — это ссылка на пространство имен Microsoft.VisualStudio.Shell :
375% шрифт окружения + light
Отображается как: 34 пт Segoe UI light
Используйте для: (редкий) уникальный пользовательский интерфейс с фирменной символикой, например на начальной странице.
Использование для: (редких) уникальных фирменных элементов пользовательского интерфейса
Процедурный код: Где textBlock является ранее определенным TextBlock и label является ранее определенной меткой:
Код XAML: Задайте стиль TextBlock или Label, как показано ниже.
310% шрифт окружения + light
Отображается как: 28 пт Segoe UI интенсивное использование для: крупные подписи диалогового окна, основного заголовка в отчетах.
Процедурный код: Где textBlock является ранее определенным TextBlock и label является ранее определенной меткой:
Код XAML: Задайте стиль TextBlock или Label, как показано ниже.
200% шрифта окружения + Semilight
Отображается как: 18 пт Segoe UI Semilight использовать для: подзаголовки, заголовки в небольших и средних диалоговых окнах
Процедурный код: Где textBlock является ранее определенным TextBlock и label является ранее определенной меткой:
Код XAML: Задайте стиль TextBlock или Label, как показано ниже.
шрифт окружения 155%
Отображается как: 14 пт Segoe UI Используйте для: заголовки разделов в удобном пользовательском интерфейсе документа или в отчетах.
Процедурный код: Где textBlock является ранее определенным TextBlock и label является ранее определенной меткой:
Код XAML: Задайте стиль TextBlock или Label, как показано ниже.
шрифт окружения 133%
Отображается как: 12 пт Segoe UI использование для: мелкие подзаголовки в диалоговых окнах подписи и в удобном пользовательском интерфейсе документа
Процедурный код: Где textBlock является ранее определенным TextBlock и label является ранее определенной меткой:
Код XAML: Задайте стиль TextBlock или Label, как показано ниже.
шрифт окружения 122%
Отображается как: 11 пт Segoe UI использовать для: заголовков разделов в диалоговых окнах подписи, верхних узлах в представлении в виде дерева, навигации по вертикальной вкладке
Процедурный код: Где textBlock является ранее определенным TextBlock и label является ранее определенной меткой:
Код XAML: Задайте стиль TextBlock или Label, как показано ниже.
Шрифт окружения + полужирный
Отображается как: с полужирным 9 пт Segoe UI использовать для: метки и подзаголовки в диалоговых окнах подписи, отчетах и контейнерном пользовательском интерфейсе документа
Процедурный код: Где textBlock является ранее определенным TextBlock и label является ранее определенной меткой:
Код XAML: Задайте стиль TextBlock или Label, как показано ниже.
Локализуемые стили
В некоторых случаях Локализаторы должны изменить стили шрифтов для разных языков, например удалить выделение полужирным шрифтом из текста для восточно-азиатского языка. Чтобы обеспечить локализацию стилей шрифта, эти стили должны находиться в файле. resx. лучший способ выполнить эту задачу и по-прежнему редактировать стили шрифтов в Visual Studio конструкторе форм заключается в явном задании стилей шрифтов во время разработки. Несмотря на то, что при этом создается полный объект Font и может показаться, что наследование родительских шрифтов не нарушится, для установки шрифта используется только свойство FontStyle.
Решением является подключение события диалогового окна FontChanged . В FontChanged событии пройдите все элементы управления и проверьте, установлен ли их шрифт. Если оно задано, измените его на новый шрифт на основе шрифта формы и предыдущего стиля шрифта элемента управления. Пример в коде:
Использование этого кода гарантирует, что при обновлении шрифта формы будут также обновлены шрифты элементов управления. Этот метод также должен вызываться из конструктора формы, так как диалоговое окно может не получить экземпляр IUIService и FontChanged событие никогда не будет срабатывать. Подключение позволяет FontChanged диалоговым окнам динамически выбирать новый шрифт, даже если диалоговое окно уже открыто.
Тестирование шрифта среды
Чтобы убедиться, что пользовательский интерфейс использует шрифт среды и учитывает параметры размера, откройте инструменты > параметры > среда > шрифты и цвета и выберите "шрифт среды" в раскрывающемся меню "отобразить параметры для:".
Параметры шрифтов и цветов в > диалоговом окне "Сервис Параметры"
Задайте шрифт, который сильно отличается от значения по умолчанию. Чтобы сделать очевидным, какой пользовательский интерфейс не обновляется, выберите шрифт с засечками (например, Times New Roman) и задайте очень большой размер. Затем протестируйте пользовательский интерфейс, чтобы убедиться в том, что он учитывает среду. Ниже приведен пример использования диалогового окна License:
Пример текста пользовательского интерфейса, который не учитывает шрифт среды
В этом случае "сведения о пользователе" и "сведения о продукте" не учитывают шрифт. В некоторых случаях это может быть явный вариант разработки, но может быть ошибкой, если явный шрифт не указан как часть спецификаций красная линия.
Чтобы сбросить шрифт, нажмите кнопку "использовать значения по умолчанию" в меню сервис > параметры > среда > шрифты и цвета.
Стиль текста
Стиль текста относится к размеру, весу и регистру шрифта. Рекомендации по реализации см. в статье шрифт среды.
Регистр текста
Все прописные
Не используйте все прописные буквы для заголовков и меток в Visual Studio.
Все строчные
Не используйте все строчные буквы для заголовков и меток в Visual Studio.
Предложение и обращение
текст в Visual Studio должен использовать либо регистр заголовка, либо вариант предложения в зависимости от ситуации.
Использовать регистр заголовка для: | Использовать регистр предложений для: |
---|---|
Заголовки диалоговых окон | Метки |
Поля группы | Флажки |
Пункты меню | Переключатели |
Элементы контекстного меню | Элементы списка |
через кнопки; | Строки состояния |
Метки таблицы | |
Заголовки столбцов | |
Подсказки |
Заглавные буквы
Вариант заголовка — это стиль, в котором первые буквы большинства или всех слов в фразе заменяются прописными буквами. в Visual Studio вариант заголовка используется для многих элементов, включая:
Подсказки. Пример: "предварительный просмотр выбранных элементов"
Заголовки столбцов. Пример: "системный ответ"
Пункты меню. Пример: "сохранить все"
При использовании варианта заголовков следует учитывать, когда следует заменять их на прописные и когда следует оставлять их в нижнем регистре:
Вариант предложения
Case — это стандартный метод капитализации для написания, в котором только первое слово предложения имеет прописные буквы, а также любые собственные существительные и пронаун «I». Как правило, предложением в других странах проще читать, особенно когда содержимое будет переведено компьютером. Использовать регистр предложений для:
Все другие элементы пользовательского интерфейса, включая метки, флажки, переключатели и элементы списка. Пример: "выбрать все элементы в списке"
Форматирование текста
форматирование текста по умолчанию в Visual Studio 2013 управляется шрифтом среды. Эта служба обеспечивает единообразный внешний вид шрифта в ИНТЕГРИРОВАНной среде разработки (интегрированная среда проектирования), и его необходимо использовать для обеспечения согласованной работы пользователей.
размер по умолчанию, используемый службой шрифтов Visual Studio, берется из Windows и отображается как 9 пт.
К шрифту среды можно применить форматирование. В этом разделе описывается, как и где использовать стили. Сведения о реализации см. в статье Шрифт среды.
Полужирный текст
полужирный текст используется осторожно в Visual Studio и должен быть зарезервирован для:
Метки вопросов в мастерах
Назначение активного проекта в обозреватель решений
переопределенные значения в окне инструментов "Свойства"
определенные события в раскрывающихся списках редактора Visual Basic
содержимое, сформированное сервером, в структуре документа для веб-страниц
заголовки разделов в сложном диалоговом окне или пользовательском интерфейсе конструктора
Курсив
Visual Studio не использует курсивный или полужирный текст курсивом.
Color
Синий цвет зарезервирован для гиперссылок (навигации и команд) и никогда не должен использоваться для ориентации.
Крупные заголовки (шрифт окружения x 155% или больше) можно зацветировать для следующих целей:
Чтобы обеспечить визуальное привлекательние сигнатуры Visual Studio пользовательском интерфейсе
Чтобы привлечь внимание к определенной области
Чтобы обеспечить контрастность стандартного цвета темно-серого или черного текста окружения
при использовании цвета в заголовках необходимо соблюдать Windowsные рекомендации по цветам, включая коэффициент контраста и другие рекомендации по специальным возможностям.
Размер шрифта
Visual Studio Модель пользовательского интерфейса обладает более светлым внешним видом с использованием большего количества пробелов. Там, где это возможно, цвета и строки заголовков были сокращены или удалены. хотя плотность информации является обязательным требованием в Visual Studio, типография остается важной, с акцентом на более открытых расстояниях между строками и вариацией размеров и весов шрифтов.
В таблицах ниже представлены сведения о проектировании и визуальные примеры для экранных шрифтов, используемых в Visual Studio. Для некоторых вариантов отображаемых шрифтов размер и вес, например Semilight или Light, запрограммированы в соответствии с их видом.
375% шрифт окружения + light
Запреща
— Использовать вариант предложения
— Всегда использовать легкий вес
Не надо:
Визуальный пример:
310% шрифт окружения + light
-Крупный заголовок в диалоговых окнах подписи
— Основной заголовок отчета
Запреща
— Использовать вариант предложения
— Всегда использовать легкий вес
Не надо:
Визуальный пример:
-Крупный заголовок в диалоговых окнах подписи
— Основной заголовок отчета
Запреща
— Использовать вариант предложения
— Всегда использовать легкий вес
Не надо:
Визуальный пример:
200% шрифта окружения + Semilight
-Подзаголовки
-Заголовки в небольших и средних диалоговых окнах
Запреща
— Использовать вариант предложения
— Всегда использовать вес Semilight
Не надо:
Визуальный пример:
шрифт окружения 155%
— Заголовки разделов в удобном пользовательском интерфейсе документа
— Отчеты
Выполните следующие действия. Использовать регистр предложений
Не надо:
Визуальный пример:
шрифт окружения 133%
— Мелкие подзаголовки в диалоговых окнах подписи
— Мелкие подзаголовки в удобном пользовательском интерфейсе документа
Выполните следующие действия. Использовать регистр предложений
Не надо:
Визуальный пример:
шрифт окружения 122%
— Заголовки разделов в диалоговых окнах сигнатур
-Верхние узлы в представлении в виде дерева
— Навигация по вертикальной вкладке
Выполните следующие действия. Использовать регистр предложений
Не надо:
Визуальный пример:
Шрифт окружения + полужирный
— Метки и подзаголовки в диалоговых окнах подписи
— Метки и подзаголовки в отчетах
— Метки и подзаголовки в удобном пользовательском интерфейсе документа
Запреща
— Использовать вариант предложения
-Использовать жирный вес
Не надо:
Визуальный пример:
Шрифт среды
Выполните следующие действия. Использовать регистр предложений
Визуальный пример:
Отступы и пробелы
Заголовки занимают место вокруг них, чтобы дать им соответствующее внимание. Это пространство зависит от размера точки и того, что еще находится рядом с заголовком, например горизонтальное правило или строка текста в шрифте среды.
Идеальное дополнение для заголовка само по себе должно быть 90% от высоты прописных символов. Например, заголовок «светло-пт Segoe UI» имеет высоту, равную 26 пт, и заполнение должна составлять приблизительно 23 пт или около 31 пикселя.
Минимальное пространство вокруг заголовка должно быть 50% от высоты прописных символов. Если заголовок сопровождается правилом или другим жестко-ориентированным элементом, может использоваться меньше пространства.
Текст шрифта в окружении с полужирным начертанием должен соответствовать заданному по умолчанию расстоянию и заполнению по высоте.
На странице Шрифты и цвета диалогового окна Параметры можно установить пользовательский шрифт и цветовую схему для различных элементов пользовательского интерфейса в интегрированной среде разработки (IDE). Для доступа к этому диалоговому окну щелкните Сервис > Параметры, а затем выберите Среда > Шрифты и цвета.
Изменения цветовой схемы не затрагивают сеанс, в котором эти изменения были сделаны. Вы можете оценить изменения цветов, открыв другой экземпляр Visual Studio и воспроизведя условия, при которых должны применяться внесенные изменения.
Показать параметры для
Выводит список всех элементов пользовательского интерфейса, для которых можно изменить шрифт и цветовые схемы. Выбрав элемент из этого списка, можно изменить настройки цвета для элемента, выбранного в списке Отображаемые элементы.
Текстовый редактор
Изменение стиля, размера и настроек цвета шрифта для текстового редактора повлияет на вид текста в текстовом редакторе, используемом по умолчанию. На документы, открытые в текстовом редакторе вне интегрированной среды разработки, данные настройки не влияют.
Принтер
Изменения стиля, размера шрифта и настроек цвета для принтера влияют на на внешний вид текста на распечатанных документах.
При необходимости для печати можно выбрать шрифт по умолчанию, отличающийся от шрифта, используемого в текстовом редакторе. Этот может быть полезно, если печатный код содержит как однобайтовые, так и двухбайтовые символы.
Завершение операторов
Изменяет стиль и размер шрифта для текста, отображаемого во всплывающем окне завершения операторов в редакторе.
Всплывающая подсказка редактора
Изменяет стиль и размер шрифта для текста, отображаемого в подсказках в редакторе.
Шрифт среды разработки
Изменяет стиль и размер шрифта для всех элементов пользовательского интерфейса IDE, у которых еще нет отдельного параметра в области Показать параметры для.
Например, этот параметр применяется к начальной странице, но не повлияет на окно вывода.
[Все окна текстовых инструментов]
Изменения параметров стиля, размера шрифта и цвета для этого элемента влияют на внешний вид текста в окнах инструментов, имеющих области вывода в интегрированной среде разработки. Например, окно вывода, командное окно, окно интерпретации и т. д.
Изменения текста элементов [Все окна текстовых инструментов] не действуют во время сеанса, в котором они были вынесены. Вы можете оценить такие изменения, открыв другой экземпляр Visual Studio.
Использовать значения по умолчанию
Выполняет сброс значений шрифта и цвета для элемента списка, выбранного в области Показать параметры для. Кнопка Использовать появляется, когда для выбора доступны другие схемы отображения. Например, можно выбрать одну из двух схем для принтера.
Шрифт (моноширинные шрифты имеют полужирное начертание)
Содержит все шрифты, установленные в системе. При первом отображении раскрывающегося меню выделяется текущий шрифт для элемента, выбранного в области Показать параметры для. Моноширинные шрифты, которые удобнее выравнивать в редакторе, выделены полужирным шрифтом.
Размер
Выводит список доступных размеров для выделенного шрифта. Изменение размера шрифта влияет на все Отображаемые элементы для элемента, выбранного в области Показать параметры для.
Отображаемые элементы
Список элементов, для которых можно изменить цвет изображения и фона.
Обычный текст является отображаемым элементом по умолчанию. Таким образом, свойства, назначенные для отображаемого элемента Обычный текст, будут переопределяться свойствами, назначенными другим отображаемым элементам. Например, если назначить голубой цвет элементу Обычный текст и зеленый цвет элементу Идентификатор, все идентификаторы будут отображаться зеленым цветом. В этом примере свойства элемента Идентификатор переопределяют свойства элемента Обычный текст.
К отображаемым элементам относятся следующие:
Основной цвет элемента
Содержит цвета, которые можно использовать в качестве основного цвета для элемента, выбранного в списке Отображаемые элементы. Поскольку некоторые элементы связаны друг с другом и должны составлять согласованную схему отображения, при изменении цвета переднего плана текста также изменяются значения по умолчанию для таких элементов, как «Ошибка компилятора», «Ключевое слово» или «Оператор».
Автоматически
Элементы могут наследовать цвет переднего плана от других отображаемых элементов, таких как Обычный текст. Если используется данный параметр, при изменении цвета унаследованного отображаемого элемента автоматически изменяется и цвет связанных элементов. Например, если вы выбрали значение Автоматически для элемента Ошибка компилятора, а потом изменили цвет элемента Обычный текст на красный, элемент Ошибка компилятора также наследует этот красный цвет.
Default
Цвет, отображаемый для элемента при первом запуске Visual Studio. При нажатии кнопки По умолчанию выполняется возврат к этому цвету.
Custom
Отображает диалоговое окно «Цвет», чтобы можно было задать пользовательский цвет для элемента, выбранного в списке отображаемых элементов.
Возможности задавать собственные цвета могут быть ограничены настройками цвета для монитора компьютера. Например, если компьютер настроен на отображение 256 цветов, и вы выбираете другой цвет в диалоговом окне Цвет, среда IDE по умолчанию использует ближайший доступный Основной цвет и отображает черный цвет в поле просмотра Цвет.
Фоновый цвет элемента
Предлагает цветовую палитру, из которой можно выбрать цвет фона для элемента, выбранного в списке Отображаемые элементы. Поскольку некоторые элементы связаны друг с другом и должны составлять согласованную схему отображения, при изменении цвета фона текста также изменяются значения по умолчанию для таких элементов, как «Ошибка компилятора», «Ключевое слово» или «Оператор».
Автоматически
Элементы могут наследовать фоновый цвет от других отображаемых элементов, таких как Обычный текст. Если используется данный параметр, при изменении цвета унаследованного отображаемого элемента автоматически изменяется и цвет связанных элементов. Например, если вы выбрали значение Автоматически для элемента Ошибка компилятора, а потом изменили цвет элемента Обычный текст на красный, элемент Ошибка компилятора также наследует этот красный цвет.
Default
Цвет, отображаемый для элемента при первом запуске Visual Studio. При нажатии кнопки По умолчанию выполняется возврат к этому цвету.
Custom
Отображает диалоговое окно «Цвет», чтобы можно было задать пользовательский цвет для элемента, выбранного в списке отображаемых элементов.
Полужирный
Выберите этот параметр, чтобы отобразить текст элементов, выбранных в области Отображаемые элементы, полужирным шрифтом. Полужирный текст проще найти в редакторе.
Образец
Отображает образец стиля шрифта, размера и цветовой схемы для элементов, выбранных в областях Показать параметры для и Отображаемые элементы. Это поле можно использовать для предварительного просмотра результатов во время экспериментов с разными параметрами форматирования.
You can change the fonts and the colors in Visual Studio in several ways. For example, you can change the default dark theme (also referred to as "dark mode") to a light theme, a blue theme, an extra-contrast theme, or a theme that matches your system settings. You can also change the default font and text size in both the IDE and the code editor.
See the We’ve upgraded the UI in Visual Studio 2022 blog post to learn more about the subtle color contrast ratio adjustments and a new Cascadia Code font we've added to make Visual Studio more accessible for everyone.
You can change the fonts and the colors in Visual Studio in many ways. For example, you can change the default blue color theme to the dark theme (also referred to as "dark mode"). You can also select an extra-contrast theme if that best suits your needs. And, you can change the default font and text size in both the IDE and the code editor.
Change the color theme
Here's how to change the color theme of the IDE frame and the tool windows in Visual Studio.
On the menu bar, choose Tools > Options.
In the options list, choose Environment > General.
In the Color theme list, choose either the default Dark theme, the Light theme, the Blue theme, or the Blue (Extra Contrast) theme.
You can also choose to use the theme that Windows uses by selecting Use system setting.
When you change a color theme, text in the IDE reverts to the default or previously customized fonts and sizes for that theme.
Want even more themes to choose from? Check out the wide range of custom themes on the Visual Studio Marketplace. And to see examples of new Visual Studio 2022 custom themes based on VS Code, take a look at the Introducing a collection of new Visual Studio themes blog post.
On the menu bar, choose Tools > Options.
In the options list, choose Environment > General.
In the Color theme list, choose either the default Blue theme, the Light theme, the Dark theme, or the Blue (Extra Contrast) theme.
When you change a color theme, text in the IDE reverts to the default or previously customized fonts and sizes for that theme.
You can create and edit your own Visual Studio themes by using an extension. Choose from either of the following two options, depending on the version of Visual Studio you're using:
Change fonts and text size
You can change the font and text size for all the IDE frame and tool windows, or for only certain windows or text elements. You can also change the font and text size in the editor, too.
To change the font and text size in the IDE
On the menu bar, choose Tools > Options.
In the options list, choose Environment > Fonts and Colors.
In the Show settings for list, choose Environment.
If you want to change the font for tool windows only, in the Show settings for list, choose All Text Tool Windows.
Modify the Font and Size options to change the font and text size for the IDE.
Select the appropriate item in Display items, and then modify the Item foreground and Item background options.
On the menu bar, choose Tools > Options.
In the options list, choose Environment > Fonts and Colors.
In the Show settings for list, choose Environment.
If you want to change the font for tool windows only, in the Show settings for list, choose All Text Tool Windows.
Modify the Font and Size options to change the font and text size for the IDE.
Select the appropriate item in Display items, and then modify the Item foreground and Item background options.
To change the font and text size in the editor
On the menu bar, choose Tools > Options.
In the options list, choose Environment > Fonts and Colors.
In Show settings for list, select Text Editor.
Modify the Font and Size options to change the font and text size for the editor.
Select the appropriate item in Display items, and then modify the Item foreground and Item background options.
On the menu bar, choose Tools > Options.
In the options list, choose Environment > Fonts and Colors.
In Show settings for list, select Text Editor.
Modify the Font and Size options to change the font and text size for the editor.
Select the appropriate item in Display items, and then modify the Item foreground and Item background options.
For more information about how to change fonts and colors for accessibility, see the Set accessibility options section of this page. And, for details about all the user interface (UI) elements where you can change font and color schemes, see the Fonts and Colors, Environment, Options Dialog Box page.
Set language-specific editor options
Set accessibility options
In a neurodiverse world, we want to support our different learners and low-vision users by offering the following font options and color themes:
- You can use the Cascadia Code font, which adds more weight to the proportions of letters, numerals, and characters to help disambiguate them. Cascadia Code also includes coding ligatures.
- You can choose to use a high-contrast color theme for all the apps and UI on a computer, or an extra-contrast color theme for Visual Studio only.
Use the Cascadia Code font
The new Cascadia Code font includes Cascade Mono, which is the default font in Visual Studio 2022. Not only are both of these fonts easier to read, but the Cascadia Code font also includes coding ligatures that turn a sequence of characters into a glyph. Coding ligatures, or glyphs, make it easier for people to cognitively associate the meaning behind them.
The following screenshot shows an example of the default Cascadia Mono font and lists a series of characters, to include mathematical symbols, that you might find yourself using while you code.
The following screenshot shows an example of the Cascadia Code font, where the same series of characters shown previously are now converted to coding ligatures, or glyphs.
Notice that the last line of text in the Cascadia Code screenshot shows how the space between duplicate characters is reduced, which also makes them easier to read.
Here's how to toggle between the Cascadia fonts:
Go to Tools > Options > Environment > Fonts and colors.
From the Font dropdown list, select either the Cascadia Code font or the Cascadia Mono font you want, and then select OK.
There are color theme options for you if you experience low vision. You can use a high-contrast option for all the apps and UI on a computer, or an extra contrast option for Visual Studio only.
Use Windows high contrast
Use either of the following procedures to toggle the Windows high contrast option:
In Windows or in any Microsoft application, press the Left Alt+Left Shift+PrtScn keys.
In Windows, choose Start > Settings > Ease of Access. Then, under the Vision section in Windows 10 and later, choose High contrast.
The Windows high contrast setting affects all applications and UI on the computer.
Use Visual Studio extra contrast
Use the following procedures to toggle the Visual Studio extra contrast option:
On the menu bar in Visual Studio, choose Tools > Options, and then, in the options list, choose Environment > General.
In the Color theme drop-down list, choose the Blue (Extra Contrast) theme, and then choose OK.
If there is an accessibility option for colors or fonts that you think might be useful but isn't currently available in Visual Studio, please let us know by selecting Suggest a feature in the Visual Studio Developer Community. For more information about this forum and how it works, see the Suggest a feature page.
More accessibility features in Visual Studio
Visual Studio also includes features to help people who have limited dexterity to write. For example, Visual Studio supports Dvorak keyboard layouts, which make the most frequently typed characters more accessible.
You can also customize the default keyboard shortcuts available with Visual Studio. For more information, see the following pages:
Visual Studio also includes auto-completion for methods and parameters; for more information, see IntelliSense in Visual Studio.
To learn more about recent accessibility updates, see the Accessibility improvements in Visual Studio 2017 version 15.3 blog post.
There are more ways to customize Visual Studio to be more accessible to you. For example, you can change the behavior of pop-up windows, text-based tool windows, toolbar buttons, margin indicators, and more.
The dialog boxes and menu commands you see might differ from those described here, which can vary depending on your active settings or edition. To change your settings, choose Import and Export Settings on the Tools menu. For more information, see Reset settings.
Change the behavior of pop-up windows
Visual Studio displays pop-up windows in the editor. These pop-up windows include information that makes coding easier, such as parameters to complete a function or statement. The pop-up windows can also be helpful if you have difficulty typing. However, some users might find that they interfere with focus in the code editor, which can be problematic.
Here's how to turn off the pop-up windows:
From the Tools menu, choose Options.
Choose Text Editor > All Languages > General.
Clear the Auto list members and Parameter information checkboxes.
You can rearrange the windows in the integrated development environment (IDE) to best suit the way you work. You can dock, float, hide, or automatically hide each tool window. For more information about how to change window layouts, see Customize window layouts.
Change the settings of text-based tool windows
You can change the settings for text-based tool windows, such as the Command window, Immediate window, and Output window by using Tools > Options > Environment > Fonts and Colors.
When you select [All Text Tool Windows] in the Show settings for drop-down list, the default setting is listed as Default in the Item foreground and Item background drop-down lists. Choose the Custom button to change these settings.
You can also change the settings for how text is displayed in the editor. Here's how.
From the Tools menu, choose Options.
Choose Environment > Fonts and Colors.
Select an option on the Show settings for drop-down menu.
To change the font size for text in an editor, choose Text Editor.
To change the font size for text in text-based tool windows, choose [All Text Tool Windows].
To change the font size for ToolTip text in an editor, choose Editor Tooltip.
To change the font size for text in statement completion pop-ups, choose Statement Completion.
From Display items, select Plain Text.
In Font, select a new font type.
In Size, select a new font size.
To reset the text size for text-based tool windows and editors, choose Use Defaults.
Choose OK.
Change the colors for text, margin indicators, white space, and code elements
You can choose to change the default colors for text, margin indicators, white space, and code elements in the editor. Here's how.
From the Tools menu, choose Options.
In the Environment folder, choose Fonts and Colors.
In Show settings for, choose Text Editor.
From Display items, select an item whose display you need to change, such as Plain Text, Indicator Margin, Visible White Space, HTML Attribute Name, or XML Attribute.
Select display settings from the following options: Item foreground, Item background, and Bold.
Choose OK.
To use high contrast colors for all application windows on your operating system, press Left Alt+Left Shift+PrtScn. If Visual Studio is open, close and then reopen it to fully implement high contrast colors.
Add text to toolbar buttons or modify the text
To improve toolbar usability and accessibility, you can add text to toolbar buttons.
To assign text to toolbar buttons
From the Tools menu, choose Customize.
In the Customize dialog box, select the Commands tab.
Select Toolbar, and then choose the toolbar name that contains the button you intend to display text for.
In the list, select the command you intend to change.
Choose Modify Selection.
Choose Image and Text.
To modify the displayed text in a button
Re-select Modify Selection.
Adjacent to In Name, insert provide a new caption for the selected button.
Accessibility support
For more information about features, products, and services that make Windows more accessible for people with disabilities, see Accessibility products and services from Microsoft. And, for more information about how to obtain more accessible formats of documentation for Microsoft products, see the Documentation in alternative formats section of the Accessibility products and services from Microsoft page.
The accessibility information included on this page might apply only to users who license Microsoft products in the United States. If you obtained this product outside of the United States, visit the Microsoft Accessibility website for a list of Microsoft support services telephone numbers and addresses. You can contact your subsidiary to find out whether the type of products and services described on this page are available in your area. Information about accessibility is also available in other languages.
Как я могу "установить" шрифты для использования в Visual Studio Code?
Я скачал файлы шрифтов (.ttf), я понял, что чтобы сделать шрифт доступным для всей системы, я должен скопировать его в /usr/share/fonts Я скопировал эти файлы в /usr/share/fonts/truetype/fira-code
Я заметил, что после копирования было получено 750, поэтому я переключился на 755
Теперь я перехожу к настройкам кода Visual Studio и говорю, что буду использовать "Fira Code", и ничего не делает. Например, если я изменю его на "DejaVu Sans Mono", он будет использовать этот шрифт.
При этом я не вижу шрифтов в LibreOffice.
Копируя здесь шрифты, я вижу их в LibreOffice, но не могу использовать их в коде Visual Studio
Похоже, что в большинстве случаев речь идет о "реестре шрифтов", как правильно установить файлы шрифтов в Ubuntu?
Как настроить VS Code для увеличения продуктивности
Перевод статьи «How to set up VSCode to improve your productivity».
С течением времени редакторы кода существенно улучшились. Еще несколько лет назад Visual Studio Code (VS Code) вообще не существовало. Вы, вероятно, пользовались Sublime Text, Atom, Bracket и т. п. Но теперь VS Code стал любимым редактором большинства разработчиков.
Почему VS Code?
Любви разработчиков к этому редактору способствуют (среди прочих) такие его особенности:
- Настраиваемость
- Легкость отладки
- Emmet
- Расширения
- Интеграция Git
- Встроенный терминал
- Intellisense
Теперь, когда вы знаете о преимуществах использования VS Code, давайте рассмотрим, как его настроить и какие расширения установить, чтобы использовать этот редактор максимально эффективно. (Примечание редакции: в статье приводятся советы для macOS, но многие из них универсальны. Для вызова палитры команд вместо CMD + SHIFT + P можно использовать CTRL + SHIFT + P).
Терминал
Вы можете настроить ваш терминал для использования iTerm2 и Zsh, а затем сделать так, чтобы встроенный терминал в VS Code использовал эти настройки.
После конфигурации Zsh (для основного терминала) запустите встроенный в VS Code терминал Terminal > New Terminal и введите команду
чтобы выполнить содержимое файла конфигурации .zshrc в оболочке.
Шрифт
Благодаря поддержке лигатур хорошо смотрится FiraCode. Скачайте и установите этот шрифт, а затем добавьте его в ваш файл settings.json. (Примечание редакции: для доступа к файлу выберите в палитре команд Open Settings (JSON)).
[code]"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,[/code]
Запуск из командной строки
Хорошо бы иметь возможность запускать VS Code из терминала. Для этого нажмите CMD + SHIFT + P, введите shell command и выберите Install code command in path. После чего перейдите в любой проект из терминала и, находясь в выбранной директории, введите «code .», чтобы запустить проект с помощью VS Code.
Конфигурация
Конфигурация VS Code не зависит от рабочего окружения и содержится в файле settings.json. Вы можете внести изменения в этот файл, чтобы ваш VS Code больше соответствовал вашим предпочтениям.
Скопируйте и вставьте этот код в файл settings.json:
[code] "editor.multiCursorModifier": "ctrlCmd",
"editor.formatOnPaste": true,
"editor.wordWrap": "bounded",
"editor.trimAutoWhitespace": true,
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.formatOnSave": true,
"files.autoSave": "onFocusChange",
"emmet.syntaxProfiles": "javascript": "jsx"
>,
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",
"javascriptreact"
],
"javascript.validate.enable": true,
"git.enableSmartCommit": true,
"files.trimTrailingWhitespace": true,
"editor.tabSize": 2,
"gitlens.historyExplorer.enabled": true,
"diffEditor.ignoreTrimWhitespace": false,
"workbench.sideBar.location": "right",
"explorer.confirmDelete": false,
"javascript.updateImportsOnFileMove.enabled": "always",
>[/code]
Расширения
Ниже представлены полезные расширения, которые могут сделать более удобной вашу работу с кодовой базой.
Чтобы найти эти расширения,
- Перейдите View -> Extensions
- Найдите нужное расширение
- Кликните «Install».
1. Auto Import
Благодаря этому расширению вам не придется импортировать файлы вручную. Если вы работаете над компонентно-ориентированным проектом, просто введите имя компонента, и он будет автоматически импортирован.
2. Add jsdoc comments
Это расширение добавляет блок комментариев к коду. Чтобы его использовать, выделите первую строку функции, нажмите CMD + SHIFT + P и выберите Add Doc Comments.
3. ESDoc MDN
В некоторых ситуациях у нас бывает тенденция забывать, как работают те или иные вещи. Здесь нам и пригодится расширение ESDoc MDN. С ним вам не придется запускать браузер, чтобы найти правильный синтаксис. Все, что нужно, это набрать
4. CSS Peek
Как следует из названия (peek – «заглянуть»), это расширение помогает вам просмотреть правила, задействованные при применении определенного стиля в кодовой базе. Это бывает удобно при работе с legacy-кодом.
5. GitLens
GitLens повышает эффективность работы с Git. С помощью этого расширения вы сможете делать гораздо больше всего, например, без труда исследовать репозитории Git, просматривать внесенные исправления, информацию об авторстве и т. д.
6. ESLint
Это расширение интегрирует ESLint в VS Code, благодаря чему вы сможете приводить свой код в соответствие со стандартами. Чтобы воспользоваться возможностями этого расширения для работы над проектом, нужно установить ESLint локально или глобально.
Для локальной установки запустите
[code]npm install eslint[/code]
а для глобальной –
[code]npm install -g eslint[/code]
Вам также понадобится создать конфигурационный файл .eslintrc. Если вы установили ESLint локально, запустите
– в случае глобальной инсталляции.
7. Debugger for Chrome
С его помощью вы сможете осуществлять отладку вашего JavaScript-кода прямо из браузера Google Chrome.
8. Google Fonts
С помощью этого расширения облегчается установка шрифтов Google. Больше не придется искать их в браузере. Чтобы получить список шрифтов, нажмите CMD + SHIFT + P и поищите Google fonts.
9. TODO Highlight
Когда вам нужно проделать много всего, и каждая задача имеет свой приоритет, легко забыть, что еще не сделано. TODO highlight подсвечивает задачи, так что вы сможете легко их увидеть.
10. Docker
Благодаря этому расширению вы сможете на лету создавать Dockerfiles. Также предоставляется подсветка синтаксиса, intellisense и многое другое.
Нажмите CMD + SHIFT + P и поищите Add Docker files to workspace.
11. Code Spellchecker
Это расширение позволяет с легкостью находить опечатки в коде.
12. Import Cost
Import Cost показывает, как импортируемые пакеты влияют на код. Это позволяет оценивать проблемы с производительностью.
13. HTMLHint
Это расширение проверяет ваш HTML, помогая вам писать код, совместимый со стандартами.
14. Peacock
Это расширение дает вам возможность изменять цвет вашего рабочего пространства. Идеально для случаев, когда у вас несколько экземпляров VS Code и вы хотите быстро определять нужный.
После установки Peacock кликните на иконке настроек > settings, выберите вкладку настроек рабочего пространства, кликните на <> и вставьте следующий код:
Также можно добавить titleBar и statusBar в affectedElements и настрйоки цвета для них в разделе colorCustomizations.
Чтобы использовать один из дефолтных цветов, нажмите CMD + SHIFT + P, введите peacock и выберите тему по своему вкусу. Это перезапишет настройки цвета в файле settings.json для данного рабочего пространства.
15. Prettier
При написании кода все время приходится набирать пробелы или табы? На помощь вам придет Prettier. Это расширение форматирует строки кода и делает код читаемым.
Какой шрифт используется в редакторе кода Visual Studio и как изменить шрифты?
Итак, какой шрифт по умолчанию используется в редакторе кода Visual Studio во всех средах (Ubuntu, MAC OS и Windows)? А как его поменять?
Перейдите в Preferences > User Settings . (В качестве альтернативы, Ctrl + , / Cmd + , в macOS)
Затем вы можете ввести в объект JSON любые настройки, которые хотите переопределить. Пользовательские настройки для каждого пользователя. Вы также можете настроить параметры рабочего пространства для проекта, над которым вы сейчас работаете.
В настройках по умолчанию VS Code использует следующие шрифты (14 pt) в порядке убывания:
- Монако
- Menlo
- Consolas
- "Droid Sans Mono"
- «Инконсолата»
- "Новый Курьер"
- моноширинный (резервный)
Как проверить: VS Code работает в браузере. В первой версии вы могли нажать F12, чтобы открыть Инструменты разработчика. Изучая DOM, вы можете найти объект, содержащий несколько s, составляющих эту строку кода. Осмотрев один из этих диапазонов, вы увидите, что семейство шрифтов — это всего лишь список выше.
Для окон пожалуйста, следуйте этим шагам Перейти -> Файл -> настройки -> настройки
ИЛИ нажмите CTRL +, (только для Windows) вы увидите страницу настроек, там найдите вкладку опций текстового редактора слева, затем нажмите «Шрифт», затем добавьте туда любое допустимое название семейства шрифтов, которое вы хотите применить к vscode.
Перейдите в Инструменты-> Параметры в меню в главном окне. В контейнере среды вы можете увидеть шрифты и цвета. Вы можете выбрать нужный шрифт и цвет.
В Linux, чтобы получить список шрифтов (и их имена, которые вы должны использовать), запустите это в другой оболочке:
Вы можете указать список шрифтов, чтобы иметь запасные значения на случай отсутствия шрифта.
Другой способ определить шрифт по умолчанию — начать набирать "editor.fontFamily" в настройках и посмотреть, что предлагает автозаполнение. На Mac по умолчанию отображается:
"editor.fontFamily": "Menlo, Monaco, ‘Courier New’, monospace",
Что подтверждает сказанное Энди Ли.
В Windows настройки по умолчанию следующие (я никогда не устанавливал Monaco или Menlo)
Размер шрифта в настройках равен 12, а высота строки — 16, что близко к Visual Studio, установленному на Consolas с размером 10pt. Мне не удалось получить точное совпадение (шрифт VS Code немного жирнее), но достаточно близко.
На моем компьютере с Windows 8.1 шрифт VS Code по умолчанию — Consolas, но вы можете легко изменить шрифт в File-> Preferences-> User Preferences. Файл setting.json будет открыт вместе с файлом настроек по умолчанию, откуда вы можете взять синтаксис и имена для свойств настроек и установить свои собственные в settings.json.
В VSCode, если "editor.fontFamily": "" пусто, размер шрифта НЕ будет работать. Установите семейство шрифтов, чтобы изменить размер.
"editor.fontFamily": "Verdana", или "editor.fontFamily": "Monaco",
На самом деле, используйте любое семейство шрифтов, которое вам нравится.
Тогда "editor.fontSize": 16, должно сработать.
Шрифты по умолчанию различаются в Windows, Mac и Linux. Начиная с VSCode 1.15.1, настройки шрифта по умолчанию можно найти в исходный код:
Читайте также: