Почему не меняется масштаб в VS Code?
При попытке изменения масштаба при помощи команды «Просмотр: увеличить» и «Просмотр: уменьшить» VS Code выдаёт такие ошибки
Масштаб, соответственно, не изменяется. При добавлении параметра «editor.fontSize» изменения происходят, но горячие клавиши всё также не работают и выдают ошибку.
< "workbench.colorTheme": "Atom One Dark", "atomKeymap.promptV3Features": true, "editor.multiCursorModifier": "ctrlCmd", "editor.formatOnPaste": true, "workbench.editorAssociations": < "*.ipynb": "jupyter-notebook" >, "python.showStartPage": false, "explorer.confirmDelete": false, "workbench.startupEditor": "newUntitledFile", "python.languageServer": "Pylance", "liveServer.settings.donotShowInfoMsg": true, "[html]": < "editor.defaultFormatter": "esbenp.prettier-vscode" >, "workbench.iconTheme": "material-icon-theme", "explorer.compactFolders": false, "explorer.confirmDragAndDrop": false, "liveServer.settings.donotVerifyTags": true, "liveSassCompile.settings.formats": [ < "format": "compressed", "extensionName": ".min.css", "savePath": "~/../css" >], "liveSassCompile.settings.autoprefix": [ "> 1%", "last 2 versions" ], "terminal.integrated.defaultProfile.windows": "PowerShell", "security.workspace.trust.untrustedFiles": "open", "git.enableSmartCommit": true, "notebook.cellToolbarLocation": < "default": "right", "jupyter-notebook": "left" >, "liveSassCompile.settings.generateMap": true, "liveSassCompile.settings.showOutputWindowOn": "Warning", "editor.minimap.enabled": false, "window.zoomLevel": 1, "[javascript]": < "editor.defaultFormatter": "HookyQR.beautify" >, "php.validate.executablePath": "C:\\OpenServer\\modules\\php\\PHP_7.1\\php.exe"; >- Вопрос задан более двух лет назад
- 487 просмотров
Возможности редактора кода
Область применения:
Visual Studio Visual Studio для Mac 
Visual Studio Code
Редактор Visual Studio предоставляет множество возможностей, облегчающих написание кода и текста, а также управление им. Используя структуру, вы можете разворачивать и сворачивать различные блоки кода. Получить дополнительные сведения о коде можно с помощью технологии IntelliSense, окна Обозреватель объектов и иерархии вызовов. Для поиска в коде можно использовать такие функции, как Перейти, Перейти к определению и Найти все ссылки. Вставлять блоки кода можно с помощью фрагментов кода. Код также можно создавать с помощью функций, таких как Создание в результате использования. Если вы ранее не работали в редакторе Visual Studio, см. статью со сведениями об использовании редактора кода.
Этот раздел относится к Visual Studio в Windows. Информацию о Visual Studio для Mac см. в статье Редактор исходного кода (Visual Studio для Mac).
Код можно просматривать различными способами. По умолчанию в обозревателе решений код упорядочен по файлам. Вы можете выбрать вкладку «Представление классов» в нижней части окна, чтобы просмотреть код, организованный по классам.
Можно выполнять поиск и замену текста в одном или нескольких файлах. Дополнительные сведения см. в статье Поиск и замена текста. Регулярные выражения платформы используются для поиска и замены текста. Дополнительные сведения см. в статье Использование регулярных выражений в Visual Studio.
Разные языки Visual Studio предоставляют разные наборы функций, а в некоторых случаях одни и те же функции ведут себя по-разному в разных языках. Многие из этих различий указаны в описаниях функций, но дополнительные сведения см. в разделах по определенным языкам Visual Studio.
Возможности редактора
| Функция | Description |
|---|---|
| Цветовая раскраска синтаксических конструкций | Некоторые элементы синтаксиса кода и файлов разметки для наглядности выделяются разными цветами. Например, ключевые слова (такие как using в C# и Imports в Visual Basic) выделены одним цветом, а типы (такие как Console и Uri ) — другим. Другие элементы синтаксиса (например, строковые литералы и комментарии) также выделены цветом. Язык C++ использует цвета для различения типов, перечислений и макросов среди других токенов. |
Дополнительные возможности редактирования
На панели инструментов можно найти множество дополнительных функций в меню «Изменить >дополнительно». Не все они доступны для каждого типа файлов кода.
| Функция | Description |
|---|---|
| Форматировать документ | Установка правильного отступа строк кода и перемещение фигурных скобок для разделения строк в документе. |
| Форматирование выделенного фрагмента | Установка правильного отступа строк кода и перемещение фигурных скобок для разделения строк в выделенном фрагменте. |
| Преобразовать пробелы в знаки табуляции в выделенных строках | Замена начальных пробелов на знаки табуляции там, где это уместно. |
| Преобразовать знаки табуляции в пробелы в выделенных строках | Замена начальных знаков табуляции на пробелы. Если требуется преобразовать все пробелы в знаки табуляции в файле (или все знаки табуляции в пробелы), можно использовать команды Edit.ConvertSpacesToTabs и Edit.ConvertTabsToSpaces . Эти команды не отображаются в меню Visual Studio, но их можно вызвать из окна быстрого доступа или командного окна. |
| Все прописные | Изменяет все символы в выделенном фрагменте в верхний регистр или если нет выделения, измените символ в точке вставки на верхний регистр. Сочетание клавиш: CTRL+SHIFT+U. |
| Все строчные | Изменяет все символы в выделенном фрагменте в нижний регистр или если нет выделения, измените символ в точке вставки на нижний регистр. Сочетание клавиш: CTRL +U. |
| Переместить выбранные строки вверх | Перемещение выбранной строки вверх на одну строку. Сочетание клавиш: ALT+СТРЕЛКА ВВЕРХ. |
| Переместить выбранные строки вниз | Перемещение выбранной строки вниз на одну строку. Сочетание клавиш: ALT+СТРЕЛКА ВНИЗ. |
| Удалить пустое пространство по горизонтали | Удаление символов табуляции и пробелов в конце текущей строки. Сочетание клавиш: CTRL+K, CTRL +\ |
| Показать пустое пространство | Отображение пробелов в виде приподнятых точек, а символов табуляции — в виде стрелок. Конец файла отображается как прямоугольный глиф. Если с помощью меню выбран вариант Сервис>Параметры>Текстовый редактор>Все языки>Перенос по словам>Показывать графические метки в местах переноса слов, этот глиф также будет отображаться. |
| Перенос по словам | В этом режиме все строки документа отображаются полностью в окне кода. Перенос по словам можно включить или отключить в разделе Все языки для текстового редактора (Сервис>Параметры>Текстовый редактор>Все языки). |
| Преобразовать выделенный фрагмент в комментарий | Добавление символов комментария к выбранному фрагменту или текущей строке. Сочетание клавиш: CTRL+K, CTRL C+ |
| Отменить преобразование в комментарий | Удаление символов комментария из выбранного фрагмента или текущей строки. Сочетание клавиш: CTRL+K, CTRL U+ |
| Увеличить отступ строки | Добавление символа табуляции (или эквивалентных пробелов) к выбранным строкам или текущей строке. |
| Уменьшить отступ строки | Удаление символа табуляции (или эквивалентных пробелов) из выбранных строк или текущей строки. |
| Выбрать тег | Выбор тега в документе, содержащем теги (например, XML или HTML). |
| Выделить содержимое тега | Выбор содержимого в документе, содержащем теги (например, XML или HTML). |
Перемещение по коду и поиск
Перемещаться по редактору кода можно несколькими способами, включая переход назад и вперед к точкам вставки, просмотр определения типа или члена и переход к определенному методу с помощью панели навигации. Дополнительные сведения см. в разделе «Код навигации».
Вы также можете задать закладки, чтобы пометить строки в коде, чтобы можно было быстро вернуться в определенное расположение или перейти в другое место. Дополнительные сведения см. в разделе «Код закладки».
Поиск ссылок в базе коде
Чтобы найти, где именно в базе кода используются ссылки на элементы кода, можно использовать команду Найти все ссылки или нажать SHIFT+F12. Кроме того, при выборе типа или члена функция выделения ссылок автоматически выделяет все ссылки на этот тип или член. Дополнительные сведения см. в разделе Поиск ссылок в коде.
Создание, исправление или рефакторинг кода
Visual Studio помогает создавать, исправлять код и выполнять его рефакторинг самыми разными способами.
- Вы можете использовать фрагменты кода для вставки шаблона, такого как блок switch или объявление enum.
- Вы можете использовать быстрые действия для создания кода, например классов и свойств, или для введения локальной переменной. Кроме того, быстрые действия можно использовать для улучшения кода, например для удаления ненужных приведений и переменных либо для добавления проверок значений NULL перед обращением к переменным.
- Можно рефакторинг кода переименовать переменную, изменить порядок параметров метода или синхронизировать тип с именем файла, чтобы назвать несколько.
Копирование и вставка кода
Visual Studio предлагает несколько экономий времени, когда речь идет о копировании и вставки кода, как показано ниже.
- Копирование и обрезка отступа. Начиная с версии 17.7 Visual Studio автоматически исправляет отступ кода при копировании кода из Visual Studio и вставке его в другое приложение.
- Вставьте JSON или XML в качестве классов. Скопируйте любой фрагмент текста JSON или XML в буфер обмена, а затем вставьте его как строго типизированные классы .NET в любой файл кода C# или Visual Basic. Для этого используйте команду Edit>Paste Special>Paste JSON As Classes (или Вставить XML-классы в качестве классов).
Настройка редактора
Вы можете использовать свои параметры Visual Studio совместно с другим разработчиком, привести параметры в соответствие со стандартом или вернуться к настройкам, заданным по умолчанию в Visual Studio, с помощью команды Мастер импорта и экспорта параметров в меню Сервис. В мастере импорта и экспорта параметров можно изменить выбранные общие параметры, а также зависящие от языка и проекта параметры.
Чтобы определить новые или переопределить существующие сочетания клавиш, выберите Сервис>Параметры>Среда>Клавиатура. Дополнительные сведения о сочетаниях клавиш см. в статье Сочетания клавиш по умолчанию в Visual Studio.
Параметры редактора для JavaScript см. в статье о параметрах редактора JavaScript.
См. также
- Редактор исходного кода (Visual Studio для Mac)
- Интегрированная среда разработки Visual Studio
- Начало работы с C++ в Visual Studio
- Начало работы с C# и ASP.NET в Visual Studio
- Начало работы с Python в Visual Studio
muks999 / vsCode.config
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters
| // Перезапишите параметры, поместив их в файл параметров. |
| // Наиболее часто используемые настройки см. по адресу http://go.microsoft.com/fwlink/?LinkId=808995. |
| // Редактор |
| // Определяет семейство шрифтов. |
| «editor.fontFamily»: «Consolas, ‘Courier New’, monospace», |
| // Управляет насыщенностью шрифта. |
| «editor.fontWeight»: «normal», |
| // Управляет размером шрифта в пикселях. |
| «editor.fontSize»: 14, |
| // Управляет высотой строк. Укажите 0 для вычисления высоты строки по размеру шрифта. |
| «editor.lineHeight»: 0, |
| // Управляет видимостью номеров строк. |
| «editor.lineNumbers»: «on», |
| // Столбцы, в которых должны отображаться вертикальные линейки |
| «editor.rulers»: [], |
| // Символы, которые будут использоваться как разделители слов при выполнении навигации или других операций, связанных со словами. |
| «editor.wordSeparators»: «`~!@#$%^&*()-=+[\\|;:’\»,.<>/?», |
| // Число пробелов в табуляции. Эта настройка переопределяется на основании содержимого файла, когда включен параметр «editor.detectIndentation». |
| «editor.tabSize»: 4, |
| // Вставлять пробелы при нажатии клавиши TAB. Эта настройка переопределяется на основании содержимого файла, когда включен параметр «editor.detectIndentation». |
| «editor.insertSpaces»: true, |
| // При открытии файла editor.tabSize и editor.insertSpaces будут определяться на основе содержимого файла. |
| «editor.detectIndentation»: true, |
| // Определяет, будут ли выделения иметь скругленные углы. |
| «editor.roundedSelection»: true, |
| // Определяет, будет ли содержимое редактора прокручиваться за последнюю строку. |
| «editor.scrollBeyondLastLine»: true, |
| // Определяет число символов, после которых текст будет перенесен на следующую строку. Если этот параметр имеет значение 0, используется перенос по ширине окна просмотра (перенос по словам). Если задать значение –1, то в редакторе не будет выполняться перенос по словам. |
| «editor.wrappingColumn»: 300, |
| // Определяет, должны ли строки переноситься. Строки будут переноситься по значению min(editor.wrappingColumn, viewportWidthInColumns). |
| «editor.wordWrap»: false, |
| // Управляет отступом строк с переносом по словам. Допустимые значения: «none», «same» или «indent». |
| «editor.wrappingIndent»: «same», |
| // Множитель, используемый для параметров deltaX и deltaY событий прокрутки колесика мыши. |
| «editor.mouseWheelScrollSensitivity»: 1, |
| // Определяет, должны ли при вводе текста отображаться краткие предложения. |
| «editor.quickSuggestions»: true, |
| // Управляет длительностью задержки (в мс), перед отображением кратких предложений. |
| «editor.quickSuggestionsDelay»: 10, |
| // Включение подсказок для параметров |
| «editor.parameterHints»: true, |
| // Определяет, должен ли редактор автоматически закрывать скобки после открытия. |
| «editor.autoClosingBrackets»: true, |
| // Управляет параметром, определяющим, должен ли редактор автоматически форматировать строку после ввода. |
| «editor.formatOnType»: false, |
| // Определяет, должны ли при вводе триггерных символов автоматически отображаться предложения. |
| «editor.suggestOnTriggerCharacters»: true, |
| // Определяет, можно ли принимать предложения клавишей ВВОД в дополнение к клавише TAB. Это помогает избежать неоднозначности между вставкой новых строк или принятием предложений. |
| «editor.acceptSuggestionOnEnter»: true, |
| // Управляет отображением фрагментов вместе с другими предложениями и их сортировкой. |
| «editor.snippetSuggestions»: «bottom», |
| // Включите предложения на основе слов. |
| «editor.wordBasedSuggestions»: true, |
| // Вставка фрагментов при совпадении их префиксов. Функция работает оптимально, если параметр «quickSuggestions» отключен. |
| «editor.tabCompletion»: false, |
| // Определяет, будет ли редактор выделять фрагменты, совпадающие с выделенным текстом. |
| «editor.selectionHighlight»: true, |
| // Определяет, сколько украшений могут отображаться на одном месте в обзорной линейке. |
| «editor.overviewRulerLanes»: 3, |
| // Управляет стилем анимации курсора. Допустимые значения: «blink», «smooth», «phase», «expand» и «solid» |
| «editor.cursorBlinking»: «blink», |
| // Изменение размера шрифта в редакторе при нажатой клавише CTRL и движении колесика мыши |
| «editor.mouseWheelZoom»: false, |
| // Определяет стиль курсора. Допустимые значения: «block», «line» и «underline» |
| «editor.cursorStyle»: «line», |
| // Включает лигатуры шрифта. |
| «editor.fontLigatures»: false, |
| // Управляет скрытием курсора в обзорной линейке. |
| «editor.hideCursorInOverviewRuler»: false, |
| // Определяет, должен ли редактор обрабатывать символы пробела; возможные значения: «none», «boundary» и «all». Параметр «boundary» не обрабатывает единичные пробелы между словами. |
| «editor.renderWhitespace»: «none», |
| // Определяет, должны ли в редакторе отображаться управляющие символы. |
| «editor.renderControlCharacters»: false, |
| // Определяет, должны ли в редакторе отображаться направляющие отступа. |
| «editor.renderIndentGuides»: false, |
| // Определяет, должен ли редактор отображать текущее выделение строки |
| «editor.renderLineHighlight»: true, |
| // Управляет показом групп связанных элементов кода в редакторе |
| «editor.codeLens»: true, |
| // Определяет, включено ли сворачивание кода в редакторе. |
| «editor.folding»: true, |
| // Вставка и удаление пробелов после позиции табуляции |
| «editor.useTabStops»: true, |
| // Удалить автоматически вставляемый конечный пробел |
| «editor.trimAutoWhitespace»: true, |
| // Оставлять просматривающие редакторы открытыми, даже если дважды щелкнуто их содержимое или нажата клавиша ESC. |
| «editor.stablePeek»: false, |
| // Определяет, как редактор несовпадений отображает отличия: рядом или в тексте. |
| «diffEditor.renderSideBySide»: true, |
| // Определяет, должен ли редактор несовпадений трактовать несовпадения символов-разделителей как различия. |
| «diffEditor.ignoreTrimWhitespace»: true, |
| // Emmet |
| // Если включено, сокращения Emmet разворачиваются при нажатии клавиши TAB. |
| «emmet.triggerExpansionOnTab»: true, |
| // Настройки, которые используются для изменения поведения некоторых действий и сопоставителей Emmet. |
| «emmet.preferences»: <>, |
| // Задайте профиль для указанного синтаксиса или используйте свой собственный профиль с определенными правилами. |
| «emmet.syntaxProfiles»: <>, |
| // Массив языков, в которых не должны развертываться сокращения Emmet. |
| «emmet.excludeLanguages»: [], |
| // Workbench |
| // Определяет, должны ли открытые редакторы отображаться на вкладках или нет. |
| «workbench.editor.showTabs»: true, |
| // Определяет, должны ли открытые редакторы отображаться со значком. Требует включить тему значков. |
| «workbench.editor.showIcons»: true, |
| // Определяет, отображаются ли открытые редакторы в режиме предварительного просмотра. Редакторы с предварительным просмотром повторно используются до сохранения (например, с помощью двойного щелчка или изменения). |
| «workbench.editor.enablePreview»: true, |
| // Определяет, отображаются ли редакторы из Quick Open в режиме предварительного просмотра. Редакторы в режиме предварительного просмотра повторно используются до сохранения (например, с помощью двойного щелчка или изменения). |
| «workbench.editor.enablePreviewFromQuickOpen»: true, |
| // Определяет место открытия редакторов. Выберите «Слева» или «Справа», чтобы открывать редакторы слева или справа от активного сейчас редактора. Выберите «Первый» или «Последний», чтобы открывать редакторы независимо от активного сейчас редактора. |
| «workbench.editor.openPositioning»: «right», |
| // Управляет автоматическим закрытием Quick Open при потере фокуса. |
| «workbench.quickOpen.closeOnFocusLost»: true, |
| // Управляет открытием редактора с отображением всех настроек по умолчанию при открытии настроек. |
| «workbench.settings.openDefaultSettings»: true, |
| // Окно |
| // Если этот параметр включен, файлы будут открываться в новом окне, а не в существующем экземпляре. |
| «window.openFilesInNewWindow»: true, |
| // Управляет повторным открытием папок после перезапуска. Выберите значение «none», чтобы не открывать папку повторно, «one», чтобы открывалась последняя папка, с которой вы работали, или «all», чтобы открывались все папки последнего сеанса. |
| «window.reopenFolders»: «one», |
| // Определяет, должно ли окно восстанавливаться в полноэкранном режиме, если оно было закрыто в полноэкранном режиме. |
| «window.restoreFullscreen»: false, |
| // Настройте масштаб окна. Исходный размер равен 0. Увеличение или уменьшение значения на 1 означает увеличение или уменьшение окна на 20 %. Чтобы более точно задать масштаб, можно также ввести десятичное число. |
| «window.zoomLevel»: 0, |
| // Файлы |
| // Настройка стандартных масок для исключения файлов и папок. |
| «files.exclude»: |
| «**/.git»: true, |
| «**/.svn»: true, |
| «**/.hg»: true, |
| «**/.DS_Store»: true |
| >, |
| // Настройте сопоставления файлов с языками (например, «*.extension»: «html»). У них будет приоритет перед заданными по умолчанию сопоставлениями установленных языков. |
| «files.associations»: <>, |
| // Кодировка набора символов по умолчанию, используемая при чтении и записи файлов |
| «files.encoding»: «utf8», |
| // Символ конца строки по умолчанию. |
| «files.eol»: «\r\n», |
| // Если этот параметр включен, при сохранении файла будут удалены завершающие символы-разделители. |
| «files.trimTrailingWhitespace»: false, |
| // Управляет автоматическим сохранением измененных файлов. Допустимые значения: «off», «afterDelay», «onFocusChange» (редактор теряет фокус) и «onWindowChange» (окно теряет фокус). Если задано значение «afterDelay», можно настроить задержку в «files.autoSaveDelay». |
| «files.autoSave»: «off», |
| // Определяет задержку в мс, после которой измененный файл сохраняется автоматически. Действует, только если параметр files.autoSave имеет значение «afterDelay». |
| «files.autoSaveDelay»: 1000, |
| // Настройте стандартные маски путей файлов, чтобы исключить их из списка отслеживаемых файлов. После изменения этого параметра потребуется перезагрузка. При отображении сообщения «Код потребляет большое количество процессорного времени при запуске» вы можете исключить большие папки, чтобы уменьшить первоначальную загрузку. |
| «files.watcherExclude»: |
| «**/.git/objects/**»: true |
| >, |
| // Форматирование файла при сохранении. Модуль форматирования должен быть доступен, файл не должен сохраняться автоматически, а работа редактора не должна завершаться. |
| «editor.formatOnSave»: false, |
| // Проводник |
| // Число редакторов, отображаемых на панели открытых редакторов. Задайте значение 0, чтобы скрыть панель. |
| «explorer.openEditors.visible»: 9, |
| // Определяет, будет ли высота раздела открытых редакторов динамически адаптироваться к количеству элементов. |
| «explorer.openEditors.dynamicHeight»: true, |
| // Определяет, следует ли обозревателю автоматически отображать файлы при их открытии. |
| «explorer.autoReveal»: true, |
| // Определяет, разрешено ли перемещение файлов и папок перетаскиванием в проводнике. |
| «explorer.enableDragAndDrop»: true, |
| // Поиск |
| // Настройте стандартные маски для исключения файлов и папок при поиске. Все стандартные маски наследуются от параметра file.exclude. |
| «search.exclude»: |
| «**/node_modules»: true, |
| «**/bower_components»: true |
| >, |
| // Настройте для включения результатов поиска глобальных символов в файлы по запросу для Quick Open. |
| «search.quickOpen.includeSymbols»: false, |
| // Обновить |
| // Настройте канал обновления, по которому вы будете получать обновления. После изменения значения необходим перезапуск. |
| «update.channel»: «default», |
| // Git |
| // С поддержкой GIT |
| «git.enabled»: true, |
| // Путь к исполняемому файлу GIT |
| «git.path»: null, |
| // Включено ли автоматическое обновление |
| «git.autorefresh»: true, |
| // Включено ли автоматическое получение. |
| «git.autofetch»: true, |
| // Следует ли предупреждать о длинных сообщениях о фиксации. |
| «git.enableLongCommitWarning»: true, |
| // Всегда разрешать Code управлять большими репозиториями. |
| «git.allowLargeRepositories»: false, |
| // Подтвердите синхронизацию репозиториев Git. |
| «git.confirmSync»: false, |
| // Управляет счетчиком эмблем Git. |
| «git.countBadge»: «all», |
| // HTTP |
| // Используемый параметр прокси. Если он не задан, он будет взят из переменных среды http_proxy и https_proxy. |
| «http.proxy»: «», |
| // Должен ли сертификат прокси-сервера проверяться по списку предоставленных ЦС. |
| «http.proxyStrictSSL»: true, |
| // Значение, отправляемое как заголовок «Proxy-Authorization» для каждого сетевого запроса. |
| «http.proxyAuthorization»: null, |
| // CSS |
| // Controls CSS validation and problem severities. |
| // Enables or disables all validations |
| «css.validate»: true, |
| // When using a vendor-specific prefix make sure to also include all other vendor-specific properties |
| «css.lint.compatibleVendorPrefixes»: «ignore», |
| // When using a vendor-specific prefix also include the standard property |
| «css.lint.vendorPrefix»: «warning», |
| // Do not use duplicate style definitions |
| «css.lint.duplicateProperties»: «ignore», |
| // Do not use empty rulesets |
| «css.lint.emptyRules»: «warning», |
| // Import statements do not load in parallel |
| «css.lint.importStatement»: «ignore», |
| // Do not use width or height when using padding or border |
| «css.lint.boxModel»: «ignore», |
| // The universal selector (*) is known to be slow |
| «css.lint.universalSelector»: «ignore», |
| // No unit for zero needed |
| «css.lint.zeroUnits»: «ignore», |
| // @font-face rule must define ‘src’ and ‘font-family’ properties |
| «css.lint.fontFaceProperties»: «warning», |
| // Hex colors must consist of three or six hex numbers |
| «css.lint.hexColorLength»: «error», |
| // Invalid number of parameters |
| «css.lint.argumentsInColorFunction»: «error», |
| // Unknown property. |
| «css.lint.unknownProperties»: «warning», |
| // IE hacks are only necessary when supporting IE7 and older |
| «css.lint.ieHack»: «ignore», |
| // Unknown vendor specific property. |
| «css.lint.unknownVendorSpecificProperties»: «ignore», |
| // Property is ignored due to the display. E.g. with ‘display: inline’, the width, height, margin-top, margin-bottom, and float properties have no effect |
| «css.lint.propertyIgnoredDueToDisplay»: «warning», |
| // Avoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored. |
| «css.lint.important»: «ignore», |
| // Avoid using ‘float’. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes. |
| «css.lint.float»: «ignore», |
| // Selectors should not contain IDs because these rules are too tightly coupled with the HTML. |
| «css.lint.idSelector»: «ignore», |
| // SCSS (Sass) |
| // Controls SCSS validation and problem severities. |
| // Enables or disables all validations |
| «scss.validate»: true, |
| // When using a vendor-specific prefix make sure to also include all other vendor-specific properties |
| «scss.lint.compatibleVendorPrefixes»: «ignore», |
| // When using a vendor-specific prefix also include the standard property |
| «scss.lint.vendorPrefix»: «warning», |
| // Do not use duplicate style definitions |
| «scss.lint.duplicateProperties»: «ignore», |
| // Do not use empty rulesets |
| «scss.lint.emptyRules»: «warning», |
| // Import statements do not load in parallel |
| «scss.lint.importStatement»: «ignore», |
| // Do not use width or height when using padding or border |
| «scss.lint.boxModel»: «ignore», |
| // The universal selector (*) is known to be slow |
| «scss.lint.universalSelector»: «ignore», |
| // No unit for zero needed |
| «scss.lint.zeroUnits»: «ignore», |
| // @font-face rule must define ‘src’ and ‘font-family’ properties |
| «scss.lint.fontFaceProperties»: «warning», |
| // Hex colors must consist of three or six hex numbers |
| «scss.lint.hexColorLength»: «error», |
| // Invalid number of parameters |
| «scss.lint.argumentsInColorFunction»: «error», |
| // Unknown property. |
| «scss.lint.unknownProperties»: «warning», |
| // IE hacks are only necessary when supporting IE7 and older |
| «scss.lint.ieHack»: «ignore», |
| // Unknown vendor specific property. |
| «scss.lint.unknownVendorSpecificProperties»: «ignore», |
| // Property is ignored due to the display. E.g. with ‘display: inline’, the width, height, margin-top, margin-bottom, and float properties have no effect |
| «scss.lint.propertyIgnoredDueToDisplay»: «warning», |
| // Avoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored. |
| «scss.lint.important»: «ignore», |
| // Avoid using ‘float’. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes. |
| «scss.lint.float»: «ignore», |
| // Selectors should not contain IDs because these rules are too tightly coupled with the HTML. |
| «scss.lint.idSelector»: «ignore», |
| // LESS |
| // Controls LESS validation and problem severities. |
| // Enables or disables all validations |
| «less.validate»: true, |
| // When using a vendor-specific prefix make sure to also include all other vendor-specific properties |
| «less.lint.compatibleVendorPrefixes»: «ignore», |
| // When using a vendor-specific prefix also include the standard property |
| «less.lint.vendorPrefix»: «warning», |
| // Do not use duplicate style definitions |
| «less.lint.duplicateProperties»: «ignore», |
| // Do not use empty rulesets |
| «less.lint.emptyRules»: «warning», |
| // Import statements do not load in parallel |
| «less.lint.importStatement»: «ignore», |
| // Do not use width or height when using padding or border |
| «less.lint.boxModel»: «ignore», |
| // The universal selector (*) is known to be slow |
| «less.lint.universalSelector»: «ignore», |
| // No unit for zero needed |
| «less.lint.zeroUnits»: «ignore», |
| // @font-face rule must define ‘src’ and ‘font-family’ properties |
| «less.lint.fontFaceProperties»: «warning», |
| // Hex colors must consist of three or six hex numbers |
| «less.lint.hexColorLength»: «error», |
| // Invalid number of parameters |
| «less.lint.argumentsInColorFunction»: «error», |
| // Unknown property. |
| «less.lint.unknownProperties»: «warning», |
| // IE hacks are only necessary when supporting IE7 and older |
| «less.lint.ieHack»: «ignore», |
| // Unknown vendor specific property. |
| «less.lint.unknownVendorSpecificProperties»: «ignore», |
| // Property is ignored due to the display. E.g. with ‘display: inline’, the width, height, margin-top, margin-bottom, and float properties have no effect |
| «less.lint.propertyIgnoredDueToDisplay»: «warning», |
| // Avoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored. |
| «less.lint.important»: «ignore», |
| // Avoid using ‘float’. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes. |
| «less.lint.float»: «ignore», |
| // Selectors should not contain IDs because these rules are too tightly coupled with the HTML. |
| «less.lint.idSelector»: «ignore», |
| // HTML |
| // Maximum amount of characters per line (0 = disable). |
| «html.format.wrapLineLength»: 120, |
| // List of tags, comma separated, that shouldn’t be reformatted. ‘null’ defaults to all tags listed at https://www.w3.org/TR/html5/dom.html#phrasing-content. |
| «html.format.unformatted»: «a, abbr, acronym, b, bdo, big, br, button, cite, code, dfn, em, i, img, input, kbd, label, map, object, q, samp, script, select, small, span, strong, sub, sup, textarea, tt, var», |
| // Indent and sections. |
| «html.format.indentInnerHtml»: false, |
| // Whether existing line breaks before elements should be preserved. Only works before elements, not inside tags or for text. |
| «html.format.preserveNewLines»: true, |
| // Maximum number of line breaks to be preserved in one chunk. Use ‘null’ for unlimited. |
| «html.format.maxPreserveNewLines»: null, |
| // Format and indent > and >. |
| «html.format.indentHandlebars»: false, |
| // End with a newline. |
| «html.format.endWithNewline»: false, |
| // List of tags, comma separated, that should have an extra newline before them. ‘null’ defaults to «head, body, /html». |
| «html.format.extraLiners»: «head, body, /html», |
| // Configures if the built-in HTML language support suggests Angular V1 tags and properties. |
| «html.suggest.angular1»: true, |
| // Configures if the built-in HTML language support suggests Ionic tags, properties and values. |
| «html.suggest.ionic»: true, |
| // Configures if the built-in HTML language support suggests HTML5 tags, properties and values. |
| «html.suggest.html5»: true, |
| // JSON |
| // Associate schemas to JSON files in the current project |
| «json.schemas»: [], |
| // Markdown |
| // A list of URLs or local paths to CSS style sheets to use from the markdown preview. Relative paths are interpreted relative to the folder open in the explorer. If there is no open folder, they are interpreted relative to the location of the markdown file. All ‘\’ need to be written as ‘\\’. |
| «markdown.styles»: [], |
| // PHP |
| // Включена ли проверка PHP. |
| «php.validate.enable»: true, |
| // Указывает на исполняемый файл PHP. |
| «php.validate.executablePath»: null, |
| // Запускается ли Linter при сохранении или в типе. |
| «php.validate.run»: «onSave», |
| // TypeScript |
| // Указывает путь к папке, содержащей файлы tsserver и lib*.d.ts, которые необходимо использовать. |
| «typescript.tsdk»: null, |
| // Проверка наличия версии TypeScript в рабочей области |
| «typescript.check.workspaceVersion»: true, |
| // Проверка отличия компилятора TypeScript глобальной установки (например, tsc) от используемой языковой службы TypeScript. |
| «typescript.check.tscVersion»: true, |
| // Включение трассировки сообщений, отправленных на сервер TS |
| «typescript.tsserver.trace»: «off», |
| // Дополните функции сигнатурами их параметров. |
| «typescript.useCodeSnippetsOnMethodSuggest»: false, |
| // Включить или отключить проверку TypeScript |
| «typescript.validate.enable»: true, |
| // Определяет метод обработки пробелов после разделителя-запятой |
| «typescript.format.insertSpaceAfterCommaDelimiter»: true, |
| // Определяет метод обработки пробелов после точки с запятой в операторе for |
| «typescript.format.insertSpaceAfterSemicolonInForStatements»: true, |
| // Определяет метод обработки пробелов после двоичного оператора |
| «typescript.format.insertSpaceBeforeAndAfterBinaryOperators»: true, |
| // Определяет метод обработки пробелов после ключевых слов в операторе потока управления |
| «typescript.format.insertSpaceAfterKeywordsInControlFlowStatements»: true, |
| // Определяет метод обработки пробелов после ключевого слова анонимной функции |
| «typescript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions»: true, |
| // Определяет метод обработки пробелов после открытия и до закрытия непустых круглых скобок |
| «typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis»: false, |
| // Определяет метод обработки пробелов после открытия и до закрытия непустых квадратных скобок |
| «typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets»: false, |
| // Определяет, помещается ли открывающая фигурная скобка в новую строку для функций |
| «typescript.format.placeOpenBraceOnNewLineForFunctions»: false, |
| // Определяет, помещается ли открывающая фигурная скобка в новую строку для управляющих блоков |
| «typescript.format.placeOpenBraceOnNewLineForControlBlocks»: false, |
| // Включить или отключить проверку JavaScript |
| «javascript.validate.enable»: true, |
| // Определяет метод обработки пробелов после разделителя-запятой |
| «javascript.format.insertSpaceAfterCommaDelimiter»: true, |
| // Определяет метод обработки пробелов после точки с запятой в операторе for |
| «javascript.format.insertSpaceAfterSemicolonInForStatements»: true, |
| // Определяет метод обработки пробелов после двоичного оператора |
| «javascript.format.insertSpaceBeforeAndAfterBinaryOperators»: true, |
| // Определяет метод обработки пробелов после ключевых слов в операторе потока управления |
| «javascript.format.insertSpaceAfterKeywordsInControlFlowStatements»: true, |
| // Определяет метод обработки пробелов после ключевого слова анонимной функции |
| «javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions»: true, |
| // Определяет метод обработки пробелов после открытия и до закрытия непустых круглых скобок |
| «javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis»: false, |
| // Определяет метод обработки пробелов после открытия и до закрытия непустых квадратных скобок |
| «javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets»: false, |
| // Определяет, помещается ли открывающая фигурная скобка в новую строку для функций |
| «javascript.format.placeOpenBraceOnNewLineForFunctions»: false, |
| // Определяет, помещается ли открывающая фигурная скобка в новую строку для управляющих блоков |
| «javascript.format.placeOpenBraceOnNewLineForControlBlocks»: false, |
| // Расширения |
| // Автоматически обновлять расширения |
| «extensions.autoUpdate»: false, |
| // Внешний терминал |
| // Настройка терминала, который будет запущен в Windows. |
| «terminal.external.windowsExec»: «%COMSPEC%», |
| // Настройка приложения терминала для запуска в OS X. |
| «terminal.external.osxExec»: «Terminal.app», |
| // Настройка терминала для запуска в Linux. |
| «terminal.external.linuxExec»: «xterm», |
| // Интегрированный терминал |
| // Путь оболочки, который используется терминалом в Linux. |
| «terminal.integrated.shell.linux»: «sh», |
| // Аргументы командной строки, которые следует использовать в терминале Linux. |
| «terminal.integrated.shellArgs.linux»: [], |
| // Путь оболочки, который используется терминалом в OS X. |
| «terminal.integrated.shell.osx»: «sh», |
| // Аргументы командной строки, которые следует использовать в терминале OS X. |
| «terminal.integrated.shellArgs.osx»: [], |
| // Путь оболочки, который используется терминалом в Windows. При работе с оболочкой, поставляемой с Windows (cmd, PowerShell или Bash на Ubuntu), укажите C:Windowssysnative вместо C:WindowsSystem32 для использования 64-разрядных версий. |
| «terminal.integrated.shell.windows»: «C:\\WINDOWS\\system32\\cmd.exe», |
| // Определяет семейство шрифтов терминала, значение по умолчанию — editor.fontFamily. |
| «terminal.integrated.fontFamily»: «», |
| // Определяет, будут ли включены лигатуры шрифтов для терминала. |
| «terminal.integrated.fontLigatures»: false, |
| // Определяет размер шрифта (в пикселях) для терминала; значение по умолчанию — editor.fontSize. |
| «terminal.integrated.fontSize»: 0, |
| // Определяет высоту строки терминала; это число умножается на размер шрифта терминала, что дает фактическую высоту строки в пикселях. |
| «terminal.integrated.lineHeight»: 1.2, |
| // Управляет миганием курсора терминала. |
| «terminal.integrated.cursorBlinking»: false, |
| // Управляет заданием переменных при запуске терминала, значение по умолчанию: «True» для OS X и «False» для других платформ. |
| «terminal.integrated.setLocaleVariables»: false, |
| // Набор идентификаторов команд, настраиваемые сочетания клавиш которых не будут передаваться в оболочку, а вместо этого будут всегда обрабатываться Code. Это позволяет использовать настраиваемые сочетания клавиш, которые при обычных условиях были бы использованы оболочкой и работали бы так же, как если бы терминал не имел фокуса, например клавиши CTRL+P запускали бы Quick Open. |
| «terminal.integrated.commandsToSkipShell»: [ |
| «editor.action.toggleTabFocusMode», |
| «workbench.action.quickOpen», |
| «workbench.action.showCommands», |
| «workbench.action.terminal.clear», |
| «workbench.action.terminal.copySelection», |
| «workbench.action.terminal.focus», |
| «workbench.action.terminal.focusNext», |
| «workbench.action.terminal.focusPrevious», |
| «workbench.action.terminal.kill», |
| «workbench.action.terminal.new», |
| «workbench.action.terminal.paste», |
| «workbench.action.terminal.runSelectedText», |
| «workbench.action.terminal.scrollDown», |
| «workbench.action.terminal.scrollDownPage», |
| «workbench.action.terminal.scrollUp», |
| «workbench.action.terminal.scrollUpPage», |
| «workbench.action.terminal.toggleTerminal» |
| ], |
| // Представление «Проблемы» |
| // Определяет, следует ли представлению «Проблемы» отображать файлы при их открытии |
| «problems.autoReveal»: true, |
| // Телеметрия |
| // Разрешить отправку сведений об использовании и ошибках в корпорацию Майкрософт. |
| «telemetry.enableTelemetry»: true, |
| // Разрешить отправку отчетов о сбоях в корпорацию Майкрософт. |
| // Чтобы этот параметр вступил в силу, требуется перезагрузка. |
| «telemetry.enableCrashReporter»: true |
| > |
Accessibility
Visual Studio Code has many features to help make the editor accessible to all users. Zoom levels and High Contrast colors improve editor visibility, keyboard-only navigation supports use without a mouse, and the editor is optimized for screen readers.
Zoom
You can adjust the zoom level in VS Code with the View > Appearance > Zoom commands. Each Zoom command increases or decreases the zoom level by 20 percent.
- View >Appearance >Zoom In ( ⌘= (Windows, Linux Ctrl+= ) ) — increase the zoom level.
- View >Appearance >Zoom Out ( ⌘- (Windows, Linux Ctrl+- ) ) — decrease the zoom level.
- View >Appearance >Reset Zoom ( ⌘Numpad0 (Windows, Linux Ctrl+Numpad0 ) ) — reset the zoom level to 0.
Note: If you are using a magnifier, hold down the Alt key while viewing the hover to move the cursor over the hover.
Persisted zoom level
When you adjust the zoom level with the View > Zoom In / Out commands, the zoom level is persisted in the window.zoomLevel setting. The default value is 0 and each increment/decrement changes the zoom level by 20 percent.
High Contrast theme
VS Code supports a High Contrast color theme on all platforms. Use File > Preferences > Theme > Color Theme ( ⌘K ⌘T (Windows, Linux Ctrl+K Ctrl+T ) ) to display the Select Color Theme dropdown and select the High Contrast theme.
Color vision accessibility
You can search for extensions in Visual Studio Marketplace that are compatible with color vision deficiency. Use the Extensions view ⇧⌘X (Windows, Linux Ctrl+Shift+X ) and search for «color blind» to populate relevant options.
Once you have installed a color theme from the Marketplace, you can change the color theme with File > Preferences > Theme > Color Theme ⌘K ⌘T (Windows, Linux Ctrl+K Ctrl+T ) .
Recommended themes for color vision accessibility
- GitHub — Accessible to most forms of color blindness and matches the themes in GitHub’s settings.
- Gotthard — Optimized for approximately 20 programming languages.
- Blinds — Created for people with deuteranopia, featuring a high contrast color ratio.
- Greative — Considers both color blindness and light sensitivity.
- Pitaya Smoothie — Accessible to most forms of color blindness and compliant with WCAG 2.1 criteria for color contrast.
Customizing warning colors
The default Color Theme for VS Code is Dark+. However, you can customize both the theme and property colors in the user interface.
Note: Go to Customizing a Color Theme for more information about overriding the colors in your current theme.
To customize the error and warning squiggles, go to File > Preferences > Settings for user settings. Search for «color customizations» to find the Workbench: Color Customizations setting, and open your user settings.json file by selecting Edit in settings.json.
In your settings.json file, nest the following code inside the outermost curly braces. You can assign a color to each object by entering a hex code.
"workbench.colorCustomizations": "editorError.foreground": "#ffef0f", "editorWarning.foreground": "#3777ff" > In the following example, the warning color is applied when a comma is missing after a JSON item.
- editorError.foreground — Overrides the wavy line beneath an error.
- editorWarning.foreground — Overrides the wavy line beneath a warning.
- editorError.background — Overrides the highlight color of an error.
- editorWarning.background — Overrides the highlight color of a warning.
Assigning a color to the background of editorError and editorWarning also helps to identify potential issues. The color that you choose will highlight the respective error or warning. The colors shown in the preceding example, #ffef0f (yellow) and #37777ff (blue), are more accessible to individuals with common forms of color vision deficiencies.
Selecting accessible colors
The accessibility of colors is subjective to the type of anomalous trichromacy (color blindness). The level of severity ranges per person and can be divided into four condition types:
| Condition | Type |
|---|---|
| Deuteranopia | Reduced sensitivity to green light. It is the most common form of color blindness. |
| Protanopia | Reduced sensitivity to red light. |
| Tritanopia | Reduced sensitivity to blue light. This condition is considered rare. |
| Monochromia | The inability to see all colors, also referred to as achromatopsia. More information about the rarest form of color blindness: Foundation for Fighting Blindness. |
One of the best approaches to selecting the best colors for a specific condition is to apply complementary colors. These are colors located opposite of one another on a color wheel.
Note: For more information on finding complementary colors, access the color blind simulator and interactive color wheel at Adobe Color.
Dim unfocused editors and terminals
Unfocused views can be dimmed to make it clearer where typed input will go. This is especially useful when working with multiple editor groups or terminals. Turn on this feature by setting «accessibility.dimUnfocused.enabled»: true . You can control the dimness level with accessibility.dimUnfocused.opacity , which takes the opacity fraction from 0.2 to 1 (default 0.75).
Keyboard navigation
VS Code provides an exhaustive list of commands in the Command Palette ( ⇧⌘P (Windows, Linux Ctrl+Shift+P ) ) so that you can use VS Code without a mouse. Press ⇧⌘P (Windows, Linux Ctrl+Shift+P ) , then type a command name (for example ‘git’) to filter the list of commands.
VS Code also has many preset keyboard shortcuts for commands.
You can also set your own keyboard shortcuts. File > Preferences > Keyboard Shortcuts ( ⌘K ⌘S (Windows, Linux Ctrl+K Ctrl+S ) ) opens the Keyboard Shortcuts editor, where you can discover and modify key bindings for VS Code actions. See Key Bindings for more details on customizing or adding your own keyboard shortcuts.
For quick navigation across the workbench, we recommend using Focus Next Part ( F6 ) and Focus Previous Part ( ⇧F6 (Windows, Linux Shift+F6 ) ) commands.
Anchor selection
To make it easier to start and end selections with the keyboard, there are four commands: Set Selection Anchor ( ⌘K ⌘B (Windows, Linux Ctrl+K Ctrl+B ) ), Select From Anchor to Cursor ( ⌘K ⌘K (Windows, Linux Ctrl+K Ctrl+K ) ), Cancel Selection Anchor ( Escape ) and Go to Selection Anchor.
Tab navigation
You can use the Tab key to navigate between UI controls in VS Code. Use Shift+Tab to tab in reverse order. As you tab through the UI controls, an indicator will appear around each UI element when it has focus.
All elements in the workbench support tab navigation. To avoid having too many tab stops, workbench toolbars and tab lists each have only one. Once a toolbar or a tab list has focus, you can use the arrow keys to navigate within them.
Note: Tab navigation goes in the visually natural order, with the exception of WebViews (like Markdown preview). For WebViews, we recommend using the F6 and ⇧F6 (Windows, Linux Shift+F6 ) commands to navigate between the WebViews and the rest of the workbench. Alternatively, you can use one of many Focus Editor commands.
Tab trapping
By default, pressing Tab within a source code file inserts the Tab character (or spaces depending on your indentation setting) and does not leave the open file. You can toggle Tab trapping with ⌃⇧M (Windows, Linux Ctrl+M ) , and subsequent Tab keys will move focus out of the file. When default Tab trapping is off, you will see a Tab moves focus indicator in the Status Bar.
Tab trapping also exists in the integrated terminal. The default behavior for the feature can be configured with editor.tabFocusMode .
You can also toggle Tab trapping on and off from the Command Palette ( ⇧⌘P (Windows, Linux Ctrl+Shift+P ) ) with the Toggle Tab Key Moves Focus action.
Read-only files never trap the Tab key. The Integrated Terminal panel respects the Tab trapping mode and can be toggled with ⌃⇧M (Windows, Linux Ctrl+M ) .
Screen readers
VS Code supports screen readers in the editor using a strategy based on text pagination. The following screen readers have been tested:
For NVDA, we recommend that you stay in focus mode and use the hotkeys to navigate, instead of using browse mode.
The Go to Next/Previous Error or Warning actions ( F8 and ⇧F8 (Windows, Linux Shift+F8 ) ) allow screen readers to announce the error and warning messages.
When suggestions pop up, they are announced to screen readers. Navigate the suggestions using Ctrl+Up and Ctrl+Down and dismiss them with Shift+Escape . If suggestions get in your way, you can turn them off with the editor.quickSuggestions setting.
In the diff view pane, the Go to Next/Previous Difference actions ( F7 and ⇧F7 (Windows, Linux Shift+F7 ) ) will show the Accessible Diff Viewer with diffs presented in a unified patch format. Navigate through the unchanged, inserted, or deleted lines with Up and Down . Press Enter to return focus to the modified pane of the diff editor at the selected line number (or the closest line number that still exists, if a deleted line is selected). Use Escape or Shift+Escape to dismiss the Accessible Diff Viewer.
Accessibility help
The command Open Accessibility Help ⌥F1 (Windows Alt+F1 , Linux Shift+Alt+F1 ) opens a help menu based on the current context. It currently applies to the editor, terminal, notebook, chat view, and inline chat features.
You can dismiss the accessibility help menu or open additional documentation from within the help menu.
Accessible View
Run the command Open Accessible View ⌥F2 (Windows Alt+F2 , Linux Shift+Alt+F2 ) to display an Accessible View to inspect content character by character, line by line. The Accessible View is currently available for hovers, notifications, Jupyter notebook output, and chat responses.
Screen reader mode
When VS Code detects that a screen reader is being used, it goes into an optimized screen reader mode for UI such as the editor and Integrated Terminal. The Status bar will display Screen Reader Optimized in the lower right. You can exit screen reader mode by clicking on the display text or using the Toggle Screen Reader Accessibility Mode command.
Some features, such as folding and minimap (code overview), are disabled when in screen reader mode. You can control whether VS Code uses screen reader mode with the Editor: Accessibility Support setting ( editor.accessibilitySupport ) and the values are on , off , or the default auto that automatically detects a screen reader through querying the platform.
Input control and result navigation
Navigating between an input control (for example, search or filter input) and its results is consistent across the Extensions view, the Keyboard Shortcuts editor, and the Comments, Problems, and Debug Console panels using ( ⌘↓ (Windows, Linux Ctrl+Down ) ) and ( ⌘↑ (Windows, Linux Ctrl+Up ) ).
Terminal accessibility
You can display terminal accessibility help via ⌥F1 (Windows Alt+F1 , Linux Shift+Alt+F1 ) , which describes useful tips when using a screen reader. One tip is to use ⌥F2 (Windows Alt+F2 , Linux Shift+Alt+F2 ) to access the buffer in the terminal. This will automatically enter the screen reader’s browse mode, depending on your screen reader, for an accessible view of the entire terminal buffer.
Use editor.tabFocusMode to control whether the terminal receives the Tab key instead of the workbench, similar to the editor.
Shell integration
The terminal has a feature called shell integration that enables many additional features that are not found in other terminals. When using a screen reader, the Run Recent Command and Go to Recent Directory features are particularly useful.
Another shell integration powered command, Go to Symbol in Accessible View ( ⇧⌘O (Windows, Linux Ctrl+Shift+O ) ), lets you navigate between terminal commands similar to Go to Symbol in Editor. navigation in the editor.
Minimum contrast ratio
Set terminal.integrated.minimumContrastRatio to a number between 1 and 21 to adjust text color luminance until the desired contrast ratio is met or pure white ( #FFFFFF ) black ( #000000 ) is hit.
Note that the terminal.integrated.minimumContrastRatio setting will not apply to powerline characters.
Status bar accessibility
Once focus is in the Status bar via Focus Next Part ( F6 ), you can use arrow navigation to move focus between Status bar entries.
Diff editor accessibility
There is an Accessible Diff Viewer in the Diff editor that presents changes in a unified patch format. You can navigate between changes with Go to Next Difference ( F7 ) and Go to Previous Difference ( ⇧F7 (Windows, Linux Shift+F7 ) ). Navigate lines with the arrow keys and press Enter to jump back in the Diff editor and the selected line.
Debugger accessibility
The VS Code debugger UI is user accessible and has the following features:
- Debug state changes are read out (for example, ‘started’, ‘breakpoint hit’, ‘terminated’, . ).
- All debug actions are keyboard accessible.
- Both the Run and Debug view and Debug Console support Tab navigation.
- Debug hover is keyboard accessible ( ⌘K ⌘I (Windows, Linux Ctrl+K Ctrl+I ) ).
- Keyboard shortcuts can be created to set focus to each debugger area.
Audio Cues
Audio cues indicate if the current line has certain markers such as: errors, warnings, breakpoints, folded text regions or inline suggestions.
They are played when the primary cursor changes its line or the first time a marker is added to the current line. Audio cues are enabled automatically when a screen reader is attached, but can also be controlled by the settings audioCues.* .
The command Help: List Audio Cues lists all available audio cues, lets you hear each audio cue as you move through the list, and review which cues are currently enabled.
Hover accessibility
Some hovers cannot be hovered normally, which makes them hard to use with screen magnifiers. To work around this, hold the Alt or Option key while a hover is active to «lock» it in place so that it won’t hide when hovered. Release the key to unlock the hover.
Current known issues
VS Code has some known accessibility issues, depending on the platform. For the full list, go to VS Code accessibility issues.
macOS
The editor includes screen reader support for VoiceOver.
Linux
VS Code works well with the Orca screen reader. If Orca in your Linux distribution does not read the editor content:
- Make sure to have the setting «editor.accessibilitySupport»: «on» in VS Code. You can do this using settings, or by running the Show Accessibility Help command and pressing Ctrl+E to turn on accessibilitySupport.
- If Orca is still silent, try setting ACCESSIBILITY_ENABLED=1 as an environment variable.
After you enable that setting, VS Code should work with the Orca screen reader.
Next steps
Read on to find out about:
- Visual Studio Code User Interface — A quick orientation to VS Code.
- Basic Editing — Learn about the powerful VS Code editor.
- Code Navigation — Move quickly through your source code.