[reactjs] VSCode의 .js 파일에서 JSX 코드를 주석 처리하는 방법은 무엇입니까?

Question 1

Webstorm과 달리 .jsVisual Studio Code의 파일에서 JSX 코드를 주석 처리 할 수 없습니다 .

Question 2

{/ ** /}로 JSX를 주석 처리 할 수 있습니다.

예 :

render() {
  return (
    <div>
      <Component1 />
      {/* <Component2 /> */}
    </div>
  )
}

그런 다음 Component2는 주석 처리됩니다.

Question 3

편집기의 동작을 변경할 수 있으므로 모든 플러그인을 비활성화하십시오. 예를 들어 사용하는 경우 바벨 ES6 / ES7의 플러그인, 에디터 코멘트 .jsx에 의해 구문 //대신 {/*. 여기 에서 문제를 볼 수 있습니다 .

Question 4

Babel JavaScriptVS 코드에서 검색 :

command + /jsx를 설치하고 주석을 달 것입니다.{ /* */ }

Question 5

에서 Visual Studio code히트 Cmd + /당신은 Mac 또는 장소에서 실행하는 경우

{/* Your Code */}

감사합니다.

Question 6

키보드 명령 …

Ctrl + /-Windows 및 Linux
Cmd + /-MacOS

… 이제 {/* */}선택한 줄 주위 에 추가하여 단일 줄 및 블록 코드에 대해 예상대로 작동 합니다.

이 수정되었습니다 최근에 비주얼 스튜디오 코드 빌드 내부자 및 다음 전체 버전에 그것을 만들 것입니다.

Question 7

{/ * 작동하지만 한 줄만 * /}

Question 8

파일 언어를 Typescript React (typescriptreact)로 변환 할 때까지 동일한 문제가 발생했습니다.

이것을 모든 .js 파일의 언어로 구성하려면 settings.json (전역 적으로 또는 /.vscode/settings.json의 프로젝트 수준에서)에 추가합니다.

"files.associations": {
    "*.js": "typescriptreact"
  }