580

Visual Studio Code でスペース文字などの空白文字を表示することは可能ですか?

( Atom.iosettings.jsonのオプションですが) にはオプションがないようで、CSS を使用して空白文字を表示できませんでした。

4

13 に答える 13

802

VS コード 1.6.0 以降

以下の aloisdg で述べたように、は、またはeditor.renderWhitespaceのいずれかを取る列挙型になりました。すべての空白を表示するには:noneboundaryall

"editor.renderWhitespace": "all", 

VS Code 1.6.0 より前

1.6.0 より前では、次のように設定editor.renderWhitespaceする必要がありましたtrue

"editor.renderWhitespace": true
于 2015-05-09T13:41:28.937 に答える
94

更新 (2019 年 6 月)

キーボード ショートカットを使用して空白文字を切り替えたい場合は、そのためのキーバインドを簡単に追加できます。

Visual Studio Code の最新バージョンでは、利用可能なすべてのキーボード ショートカットを表示および編集するための使いやすいグラフィカル インターフェイス (つまり、JSON データなどを入力する必要はありません) が用意されています。まだ下です

[ファイル] > [設定] > [キーボード ショートカット] (またはCtrl+ K Ctrl+を使用S)

目的のキーバインドをすばやく検索 (およびフィルタリング) するのに役立つ検索フィールドもあります。そのため、新しいキーバインドの追加と既存のキーバインドの編集の両方がはるかに簡単になりました:

ここに画像の説明を入力


空白文字の 切り替えにはデフォルトのキーバインドがないため、自由に追加してください。+関連する行の左側にある記号を押して(または を押すEnterか、その行の任意の場所をダブルクリックして)、ポップアップ ウィンドウに目的の組み合わせを入力します。

また、選択したキーバインドが他のアクションで既に使用されている場合は、便利な警告が表示されます。この警告をクリックすると、選択したキーバインドを既に使用しているアクションを確認できます。

ここに画像の説明を入力

ご覧のとおり、すべてが非常に直感的で便利です。
頑張れ、マイクロソフト!


元の(古い)回答

キーボード ショートカットを使用して空白文字を切り替えたい場合は、カスタム バインディングをkeybindings.jsonファイルに追加できます ( [ファイル] > [設定] > [キーボード ショートカット] )。

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

Ctrlここでは+ Shift+の組み合わせを割り当てて、i非表示の文字を切り替えます。もちろん、別の組み合わせを選択することもできます。

于 2016-05-31T23:17:07.843 に答える
59

Visual Studio Code で空白文字を表示する

settings.json次のコードを追加して、を変更してください。

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

ちょうどこのような!
(PS: 「真の」オプションはありません!、それも機能します。) ここに画像の説明を入力

于 2016-10-17T08:01:55.513 に答える
35
于 2016-05-09T13:37:18.653 に答える
7

同様に空白を表示する差分を取得するには、false にgit diff設定します。わずかに役立つだけです。diffEditor.ignoreTrimWhitespaceedit.renderWhitespace

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

設定を更新するには、

ファイル > 設定 > ユーザー設定

Mac ユーザーへの注意: [設定] メニューは [ファイル] ではなく [コード] の下にあります。たとえば、[コード] > [設定] > [ユーザー設定] です。

これにより、「デフォルト設定」というタイトルのファイルが開きます。エリアを拡大します//Editoreditor.*これで、これらすべての不思議な設定がどこにあるのかがわかります。を検索 (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",

さらに混乱を招くことに、左側のウィンドウ「デフォルト設定」は編集できません。「settings.json」というタイトルの右側のウィンドウを使用して、それらをオーバーライドする必要があります。「デフォルト設定」から「settings.json」に貼り付け設定をコピーできます。

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

私はオフになってしまいましたrenderWhitespace

于 2016-11-22T14:23:20.547 に答える