Показать пробельные символы в коде Visual Studio

Можно ли отображать пробельные символы, такие как пробел, в коде Visual Studio?

Похоже, что нет опции для этого в settings.json (хотя это опция в Atom.io), и я не смог отобразить пробельные символы с помощью CSS.

Ответ 1

VS Code 1.6.0 и выше

Как отметил aloisdg ниже, editor.renderWhitespace теперь перечисление принимает либо none, boundary или all. Для просмотра всех пробелов:

"editor.renderWhitespace": "all", 

До VS Code 1.6.0

До 1.6.0 вы должны были установить editor.renderWhitespace в true:

"editor.renderWhitespace": true

Ответ 2

Это также можно сделать через главное меню View -> Render Whitespace.

Ответ 3

ОБНОВЛЕНИЕ (июнь 2019 г.)

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

В последних версиях кода Visual Studio теперь имеется удобный графический интерфейс (т.е. нет необходимости вводить данные JSON и т.д.) Для просмотра и редактирования всех доступных сочетаний клавиш. Он все еще находится под

File > Preferences > Keyboard Shortcuts (or use Ctrl+K Ctrl+S)

Существует также поле поиска, которое поможет быстро найти (и отфильтровать) нужные сочетания клавиш. Так что теперь добавлять новые и редактировать существующие сочетания клавиш теперь намного проще:

enter image description here


Переключение пробельных символов не имеет привязки по умолчанию, поэтому вы можете добавить ее. Просто нажмите знак + с левой стороны соответствующей строки (или нажмите Enter, или дважды щелкните в любом месте этой строки) и введите нужную комбинацию во всплывающем окне.

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

enter image description here

Как видите, все очень интуитивно понятно и удобно.
Хорошая работа, Microsoft!


Оригинальный (старый) ответ

Если вы хотите переключать пробельные символы с помощью сочетания клавиш, вы можете добавить пользовательскую привязку к файлу keybindings.json (Файл> Параметры> Сочетания клавиш).

Пример:

// Place your key bindings in this file to overwrite the defaults
[
    {
        "key": "ctrl+shift+i",
        "command": "editor.action.toggleRenderWhitespace"
    }
]

Здесь я назначил комбинацию Ctrl + Shift + i для переключения невидимых символов, вы, конечно, можете выбрать другую комбинацию.

Ответ 4

Показать пробельные символы в коде Visual Studio

измените параметр .json, добавив следующие коды!

// Place your settings in this file to overwrite default and user settings.
{
    "editor.renderWhitespace": "all"
}

просто так!
(PS: нет опции "true" !, даже она также работает.) введите описание изображения здесь

Ответ 5

Чтобы продемонстрировать изменения, которые editor.renderWhitespace : true сделает с вашим VSCode, я добавил этот скриншот:
введите описание изображения здесь.

Где Tab - и Space - .

Ответ 6

Это больше не boolean. Они переключились на enum. Теперь мы можем выбирать между: none, boundary и all.

// Controls how the editor should render whitespace characters,
// posibilties are 'none', 'boundary', and 'all'.
// The 'boundary' option does not render single spaces between words.
"editor.renderWhitespace": "none",

Вы можете увидеть исходный diff на GitHub.

Ответ 7

Чтобы получить diff для отображения пробелов аналогично git diff установите diffEditor.ignoreTrimWhitespace на false. edit.renderWhitespace лишь незначительно полезен.

// Controls if the diff editor shows changes in leading or trailing whitespace as diffs
"diffEditor.ignoreTrimWhitespace": false,

Чтобы обновить настройки, перейдите к

Файл > Настройки > Настройки пользователя

Примечание для пользователей Mac: меню "Настройки" находится в разделе "Код не файл". Для пример, Код > Настройки > Настройки пользователя.

Откроется файл под названием "Настройки по умолчанию" . Разверните область //Editor. Теперь вы можете увидеть, где расположены все эти таинственные настройки editor.*. Поиск (CTRL + F) для renderWhitespace. На моей коробке я:

// Controls how the editor should render whitespace characters, posibilties are 'none', 'boundary', and 'all'. The 'boundary' option does not render single spaces between words.
"editor.renderWhitespace": "none",

Чтобы добавить к путанице, окно left "Настройки по умолчанию" не редактируется. Вам необходимо переопределить их, используя окно справа под названием "settings.json". Вы можете скопировать настройки вставки с "Настройки по умолчанию" на "settings.json":

// Place your settings in this file to overwrite default and user settings.
{
     "editor.renderWhitespace": "all",
     "diffEditor.ignoreTrimWhitespace": false
}

В итоге я отключил renderWhitespace.

Ответ 8

Параметр, позволяющий сделать пробел видимым, теперь отображается как параметр в меню "Вид" как "Переключить визуализацию пробелов" в версии 1.15.1 кода Visual Studio.

Ответ 9

Нажмите кнопку F1, затем введите "Toggle Render Whitespace" или ее части, которые вы можете вспомнить :)

Я использую vscode версии 1.22.2, так что это может быть функция, которой не было еще в 2015 году.

Ответ 10

Обновление для v1.37: добавлена возможность отображать пробелы только внутри выделенного текста. См. v1.37 заметки о выпуске, отрисовка пробелов.

Параметр editor.renderWhitespace теперь поддерживает параметр selection. Если этот параметр установлен, пробел будет отображаться только для выделенного текста:

"editor.renderWhitespace": "selection"

и

"workbench.colorCustomizations": {    
  "editorWhitespace.foreground": "#fbff00"
}

demo of whitespace render in selection

Ответ 11

  1. Откройте настройки пользователя. Сочетание клавиш: CTR + SHIFT + P → Настройки: Открыть настройки пользователя;

  2. Вставьте в поле поиска Пробелы и выберите все параметры enter image description here

Ответ 12

Visual Studio 2019

Правка> Дополнительно> Просмотр пробелов