Подсветка пробельных символов vs code

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

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

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

ОТВЕТЫ

Ответ 1

VS Code 1.6.0 и выше

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

До VS Code 1.6.0

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

Ответ 2

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

Ответ 3

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

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

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

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

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

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

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

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

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

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

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

Ответ 4

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

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

просто так!
(PS: нет опции «true» !, даже она также работает.)

Ответ 5

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

Ответ 6

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

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

Ответ 7

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

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

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

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

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

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

В итоге я отключил 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 . Если этот параметр установлен, пробел будет отображаться только для выделенного текста:

Ответ 11

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

Вставьте в поле поиска Пробелы и выберите все параметры

Источник

Показывать пробел, табуляцию, символы CRLF в редакторе Visual Studio

Visual Studio 2010 Pro: где находятся настройки, позволяющие редактору отображать символы пробела, табуляции, параграфа, CRLF и т. Д.? Я могу сделать это в NotePad ++, хотя.

Правка> Дополнительно> Просмотр пробелов. Сочетание клавиш CTRL + R , CTRL + W . Команда называется Edit.ViewWhiteSpace .

Он работает во всех версиях Visual Studio, по крайней мере, начиная с Visual Studio 2010, текущей версией является Visual Studio 2019 (на момент написания). В Visual Studio 2013, вы также можете использовать CTRL + E , S или CTRL + E , CTRL + S .

По умолчанию маркеры конца строки не отображаются. Эта функциональность обеспечивается расширением End of the Line .

Edit -> Advanced -> View White Space или Ctrl + E , S

Отображение пробелов

Меню: Вы можете переключать видимость пробельных символов из меню: Edit > Advanced > View White Space .

Кнопка: если вы хотите добавить кнопку на панель инструментов, она вызывается Toggle Visual Space в категории команд «Редактировать».
Фактическое имя команды: Edit.ViewWhiteSpace .

Сочетание клавиш: в Visual Studio 2015, 2017 и 2019 сочетания клавиш по умолчанию все еще имеют CTRL + R , CTRL + W
Тип один за другим.
Все ярлыки по умолчанию

Символы конца строки

Расширение: есть минимальное расширение, добавляющее отображение символов конца строки (LF и CR) в визуальный режим пробела, как и следовало ожидать. Кроме того, он предоставляет кнопки и ярлыки для изменения всех концов строк в документе или выделения.
Галерея VisualStudio: конец строки

Примечание. Начиная с Visual Studio 2017 в меню «Файл» нет опций Advanced Save Options . Изменить кодировку и окончания строк для файла можно, используя Save File As . и щелкая стрелку вниз с правой стороны кнопки сохранения. Это показывает вариант Save with Encoding . Вам будет предложено разрешение перезаписать текущий файл.

Источник

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

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

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

VS Code 1.6.0 и выше

Как упомянуто aloisdg ниже , editor.renderWhitespace теперь enum принимает либо none , boundary либо all . Чтобы просмотреть все пробелы:

До VS Code 1.6.0

До версии 1.6.0, вы должны были набор editor.renderWhitespace для true :

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

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

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

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

Файл> Настройки> Сочетания клавиш (или использовать Ctrl + K Ctrl + S )

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

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

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

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

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

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

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

Источник

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

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

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

13 ответов

VS Code 1.6.0 и более поздних версий

Как упоминалось aloisdg ниже, editor.renderWhitespace теперь является перечислением, принимающим либо none , <> или all . Чтобы просмотреть все пробелы:

До VS Code 1.6.0

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

Все платформы (Windows / Linux / Mac):

Он находится в разделе Просмотр -> Визуализировать пробелы .

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

Замечание о macOS 

В среде Mac вы можете найти любой пункт меню в меню Справка , тогда он откроет именно тот путь меню, который вы ищете. Например, поиск по запросу белое пространство приведет к следующему:

Нажмите кнопку F1, затем введите «Toggle Render Whitespace» или его части, которые вы можете запомнить 🙂

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

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

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

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

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

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

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

Кроме того, левое окно «Настройки по умолчанию» не редактируется. Их необходимо переопределить в правом окне под названием «settings.json». Вы можете скопировать настройки вставки из «Default Settings» в «settings.json»:

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

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

Вставьте в поле поиска Пробел и выберите параметр все .

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

Вы можете увидеть исходное различие в

«editor.renderWhitespace»: «trailing» // добавляемая опция

В v1.43 значение по умолчанию будет изменено на selection с none , как это было в v1.42.

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

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

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

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

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

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

Файл> Настройки> Сочетания клавиш (или используйте Ctrl + K Ctrl + S )

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

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

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

Как видите, все очень интуитивно понятно и удобно.
Молодец, Microsoft!

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

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

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

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

Я хочу сделать это предложение в качестве примечания.
Если вы хотите исправить все предупреждения о конечных пробелах, ваш линтер бросается в вас.
Вы можете настроить VSCode автоматически обрезать пробелы во всем файле, используя аккорд клавиатуры.
CTRL + K / X (по умолчанию)

Я искал отображение пробелов, потому что мой линтер постоянно вызывал у меня предупреждения о пробелах. Вот почему я здесь.

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

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

вот так!
(PS: нет опции «true» !, даже если она работает.)

Источник