[visual-studio-code] Visual Studio Code에서 공백 문자 표시

Visual Studio Code에서 공백 문자와 같은 공백 문자를 표시 할 수 있습니까?

거기에 대한 옵션으로 표시되지 않습니다 settings.json(이 글은 옵션입니다하지만 Atom.io ), 나는 문자가 CSS를 사용하여 공백을 표시 할 수 없었다.



답변

VS 코드 1.6.0 이상

에서 언급 한 바와 같이 아래 aloisdg , editor.renderWhitespace복용 열거 중 하나 지금 none, boundaryall. 모든 공백을 보려면

"editor.renderWhitespace": "all", 

VS 코드 1.6.0 이전

1.6.0 이전에는 다음과 같이 설정 editor.renderWhitespace해야했습니다 true.

"editor.renderWhitespace": true


답변

메인 메뉴 를 통해서도 가능 합니다 View -> Render Whitespace


답변

업데이트 (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. 물론 다른 조합을 선택할 수도 있습니다.


답변

Visual Studio Code에서 공백 문자 표시

다음 코드를 추가하여 setting.json을 변경하십시오!

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

그냥 이렇게!
(PS : “true” 옵션 이 없습니다 ! 심지어 작동합니다.)
여기에 이미지 설명을 입력하십시오


답변

editor.renderWhitespace : none||boundary||allVSCode에 대한 변경 사항을 보여주기 위해이 스크린 샷을 추가했습니다
여기에 이미지 설명을 입력하십시오.

어디 Tab있습니다 Space입니다.


답변

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",

GitHub 에서 원래 diff를 볼 수 있습니다 .


답변

* 업데이트 2020년 2월 릴리스 * 참조 https://github.com/microsoft/vscode/issues/90386

v1.43에서는 기본값selection 이 v1.42 에서 none와 같이 변경됩니다 .

"editor.renderWhitespace": "selection"  // default in v1.43

v1.37 업데이트 : 선택한 텍스트 내에서만 공백을 렌더링하는 옵션 추가 v1.37 릴리스 정보, 공백 렌더링을 참조하십시오 .

editor.renderWhitespace설정은 이제 selection옵션을 지원합니다 . 이 옵션을 설정하면 선택한 텍스트에만 공백이 표시됩니다.

"editor.renderWhitespace": "selection"

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

선택의 공백 렌더링 데모