Как изменить размер шрифта среды?


234

Есть ли способ изменить размер шрифта среды в коде Visual Studio? Такие вещи, как коробка IntelliSense, панель отладки, имена файлов и т. Д.

Я знаю, как изменить размер шрифта редактора, но не могу понять, как изменить размер шрифта среды. Поэтому мне интересно, можете ли вы как-то это изменить.


Вы можете найти то, что вы хотите в settings.json из меню настроек. Microsoft предоставляет формат параметров настройки на своем сайте .
Чи-Шань Ю

1
Все эти ответы также изменяют размер шрифта редактора. Как я могу изменить размер шрифта среды без редактора?
Марк-

1
Удивительно, сколько проголосовало не отвечающих. Ответа на вопрос ОП здесь просто нет. Тем не менее, многие повторяют один и тот же ответ на точно такой же, но отличный от ОП вопрос.
Педро Родригес

Ответы:


305

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

Обновление для нашей версии VS Code 1.0:

Недавно введенная настройка window.zoomLevelпозволяет сохранить уровень масштабирования навсегда! Он может иметь как отрицательные, так и положительные значения для увеличения или уменьшения.


3
Планируется ли это сделать в следующем выпуске? мы можем проголосовать за это? список файлов выглядит очень маленьким в высоком разрешении, а также панель отладки
Sul Aga

Вы пробовали увеличить изображение в меню просмотра?
Бенджамин Пасеро

теперь гораздо лучше. Не могли бы вы добавить этот «обходной путь» к своему ответу, чтобы я мог пометить его как ответ. Спасибо
Сул Ага

если вы уменьшаете масштаб и удивляетесь, почему курсор исчезает, проверьте, установлена ​​ли у него «тонкая линия». Установка его в «линию» исправит проблему, по крайней мере, для увеличения до 60%.
Майкл Джонстон

Окно зума имеет недостаток, оно может вызывать «нечеткие шрифты» в терминале, например: github.com/microsoft/vscode/issues/84194
sandos

166

Просто скопируйте "editor.fontSize": 18в свой setting.jsonредактор.

Нажатие Control+ Shift+, Pа затем ввод «настроек» позволит вам легко найти файл настроек пользователя или рабочего пространства.

введите описание изображения здесь


16
Это работает хорошо, но не так, как хочет OP, чтобы изменить размер всего, не только в текстовом редакторе
Thaina

@ StepanSuvorov смотрите мой новый ответ ниже, я знаю, что уже поздно, ура!
randomguy04

@ randomguy04 до сих пор не видит ярлык для изменения размера в вашем ответе
Степан Суворов

91

В Visual Studio Code, нажав Ctrl+и Ctrl-вы можете изменить общий размер шрифта в IDE. Это помогает быстрее, чем изменение настроек в каждом сеансе. Надеюсь, поможет...


4
обратите внимание, это изменяет пользовательские настройки "window.zoomLevel": 1,
Дамиан Грин,

2
В самой последней версии, увеличение Ctrl + =
Райан Уокер

22

По состоянию на середину 2017 года Чтобы быстро получить доступ к файлам настроек, нажмите ctrl+ shift+ pи введите settings, там вы найдете настройки пользователя и настройки рабочего пространства, помните, что настройки рабочего пространства будут переопределять пользовательские настройки , поэтому лучше использовать последние непосредственно для сделайте это глобальным изменением (настройки рабочего пространства создадут папку в корне вашего проекта), оттуда у вас будет возможность добавить опцию "editor.fontSize": 14к вашим настройкам в качестве быстрого предложения, но вы можете сделать это самостоятельно и изменить значение на предпочитаемое вами. размер шрифта.

Подвести итог:

  1. ctrl+ shift+p

  2. выберите «Настройки пользователя»

  3. Добавить "editor.fontSize": 14


9
это НЕ отвечает на вопрос ОП. ОП специально запрашивает изменение размера шрифта среды, а не шрифта редактора.
Крис

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

4
ОП запрашивает environment, как во всем в GUI, который не находится в текстовом редакторе Stuff like IntelliSense box, debug panel, file names, etc. Я могу ошибаться, но я не думаю, что OP относится к env, о котором вы говорите
Chris

20

Попробуйте поиграть с комбинацией следующих пользовательских настроек:

{
  "editor.fontSize": 18,
  "window.zoomLevel": 1.5,
}

это должно быть добавлено в принятый ответ. Очень краткий и
Крис

4
"window.zoomLevel": 1.5очень хороший выбор для старого парня, как я
e2a

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

14

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

Прямо сейчас я использую версию 1.21.1, и там в меню просмотра вы можете получить опцию Zoom in и Zoom out, которая является 2-й и 3-й последней опцией. Вы можете сделать это с помощью Ctrl+ +и Ctrl+ -.

Вы можете сбросить масштаб в любое время, выбрав опцию « Сбросить масштаб» .


1
Здесь весь пользовательский интерфейс означает редактор VSCode.
Шанкар Упадхяй

Да, это масштабирует все окно, что идеально, если у вас экран с высоким разрешением
Кирилл

14

После нажатия Control+ Shift+ Pв соответствии с предложением @Edwin:

  1. Ищите настройки рабочего пространства:

введите описание изображения здесь

  1. Затем «Поместите свои настройки в файл справа, чтобы перезаписать ... настройки по умолчанию и пользовательские настройки» или перейдите на вкладку UserSettings, чтобы настроить window.zoomLevel, если это желаемое действие.

введите описание изображения здесь


10

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

Журнал изменений: https://code.visualstudio.com/updates/v1_24#_font-zoom-commands

Используйте следующие сочетания клавиш, чтобы заменить глобальные действия масштабирования по умолчанию:

на macOS:

{ "key": "cmd+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+cmd+=",         "command": "editor.action.fontZoomIn" },
{ "key": "cmd+=",               "command": "editor.action.fontZoomIn" },
{ "key": "cmd+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+cmd+-",         "command": "editor.action.fontZoomOut" },
{ "key": "cmd+-",               "command": "editor.action.fontZoomOut" },
{ "key": "cmd+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "cmd+0",               "command": "editor.action.fontZoomReset" },

в Windows и Linux:

{ "key": "ctrl+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+ctrl+=",         "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+=",               "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+ctrl+-",         "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+-",               "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "ctrl+0",               "command": "editor.action.fontZoomReset" },

8
  1. Открытый код VS
  2. Введите команду CTRL + SHFT + P
  3. Тип Настройки
  4. Файл настроек откроется.
  5. Теперь под User> Text Editor> Font, найдите Размер шрифта
  6. Введите желаемый размер шрифта

Вот и все.


7

введите описание изображения здесь

У меня есть мой набор "editor.fontSize": 12,

Сохраните файл, вы сразу увидите эффект.

введите описание изображения здесь

Наслаждайтесь !


4
это не то, о чем просили
JohnC

7

Простой подход к изменению размера шрифта в рабочей среде Visual Studio:

Перейти к : Файл -> Настройки -> Настройки ИЛИ Нажмите CTRL+ ,т.е. CTRL + COMMA.

Это откроет settings.json .

Вы можете увидеть 3 вкладки там:

  1. Пользовательские настройки
  2. Настройки рабочего пространства
  3. Настройки папки

Перейдите в настройки пользователя и добавьте это:

{
"editor.fontSize": 16
}

Теперь просто сохраните и закройте файл.

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


6

(VS Code 1.33.1 в Windows 7)

Увеличить все (интерфейс и редактор): CTRL + + , CTRL + - .

Редактор зума: CTRL + колесико мыши.

Смотрите ниже, как я это исправил.

В соответствии с предложением @Edwin: нажатие клавиш Control + Shift + P, а затем ввод «настроек» позволит вам легко найти файл настроек пользователя или рабочего пространства.

Мой файл настроек находится здесь: "C: \ Users \ You_user \ AppData \ Roaming \ Code \ User \ settings.json"

Мой файл выглядит так:

{
    "editor.fontSize": 12,
    "editor.suggestFontSize": 6,
    "markdown.preview.fontSize": 0,
    "terminal.integrated.fontSize": 10,
    "window.zoomLevel": 0,
    "workbench.sideBar.location": "left",
    "editor.mouseWheelZoom": true
}

6

Мне понадобилось много времени, чтобы понять, что я случайно сделал, когда окно моего кода стало огромным:

Уменьшить = Ctrl+ Shift+ ,(запятая)

Увеличить = Ctrl+ Shift+ .(полная остановка / период)

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


5

Существует много вариантов изменения размера шрифта в коде Visual Studio (версия: 1.36.1), редактор

Опция 1:

Перейдите: Файл > Параметры > Настройки > выберите вкладку Пользователь > Текстовый редактор > Шрифт > Размер шрифта

Размер шрифта: измените размер шрифта в пикселях согласно вашему требованию


Вариант 2:

Нажмите Ctrl+P

Поиск: settings.json , откройте файл и добавьте эту строку в файл settings.json :

{
    "editor.fontSize": 20
}

Примечание: сохранить файл после изменений


Вариант 3:

Нажмите Ctrl+ Shift+P

Поиск: шрифт редактора Увеличить

  • Просто нажмите на нее, ваш размер шрифта будет увеличен

Поиск: Редактор шрифтов Уменьшить

  • Просто нажмите на нее, ваш размер шрифта будет уменьшен

4

Начиная с (март 2018 г.) и версии 1.21.0, вы можете перейти в «Настройки», выполнить поиск «zoom» и изменить значение « "editor.mouseWheelZoom": falsefalse» по умолчанию на true. Это позволит увеличивать / уменьшать код VS с помощью кнопки управления и мыши - ctrl + scrollUp/scrollDown. Для изменения fontSizeобщего рабочего пространства / экрана кода VS см. Ответ Alegozalves выше.


4

В Visual Studio Code размер шрифта можно легко изменить на вкладке «Настройки».

Самый простой способ сделать это - нажать Ctrl+ Shift+P а затем набрать «Настройки». Это покажет вам несколько результатов. Выберите «Настройки (UI)». Вкладка «Настройки» откроется в редакторе. Теперь вы можете изменить настройки шрифта здесь. Это повлияет только на шрифт редактора.

Или вы также можете нажать на значок настроек в левом нижнем углу окна и найти шрифт оттуда.

введите описание изображения здесь

Чтобы изменить размер шрифта всей среды, вы можете нажать ctrl+ +. Это будет работать как масштабирование всей среды, что приведет к увеличению размера шрифта.

Выберите настройки (пользовательский интерфейс)


3

Нажмите Ctrlи используйте колесо мыши для увеличения масштаба или Out .


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

3

Нажмите Ctrl, Shift, Pв то же время, появится меню, поиск Editor Zoom in. После выбора этого шрифт будет увеличиваться в некоторой степени.

Повторяйте это, пока не достигнете желаемого размера шрифта.


1

Вы можете использовать editor.fontSizeв своем setting.jsonфайле редактора.

например :

{
"editor.fontSize": 14
}
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.