2017-01-01 2 views
1

'.js'파일에서 반응 코드를 강조 표시하는 올바른 방법을 찾고 Visual Studio 코드에서 더 쉽게 읽을 수 있도록 노력했습니다. 아래 사진은 많은 색상이 하나의 색상으로되어있어 읽기가 어려운 샘플 파일을 보여줍니다.Visual Studio 코드에서 적절한 실재 코드 강조 표시 설정?

TwentyChung이 "jsx"확장을 사용하고 "반응 적으로 아름답게"하려고했지만 어느 쪽도 효과가 없었습니다. 누군가가 도와 주실 수 있습니까? VS 코드와 JSX 파일의 상자 밖으로 :-)

enter image description here

+0

아래쪽 막대에서 언어 모드를 'JavaScript React'로 설정할 수 있습니까 ('JavaScript'라는 부분을 클릭하십시오)? 나는 React를 강조하는 VSCode에 아무런 문제가 없으며, 실제로 그것을 구성하는 데 아무 것도하지 않았다. 그것은 꽤 나를 위해 상자에서 일했습니다. 내가 한 일은 에디터가 true로 설정된 일부 es6 구문 (스프레드 연산자, 화살표 함수 등)에서 질식하기 때문에 사용자 구성에'javascript.validate.enable ": false'을 추가하는 것뿐입니다. –

+0

감사합니다. 나는 그 문제가 대답에 무엇이 있었는지에 대한 자세한 내용을 제공했다. – andre

답변

3

JSX 강조 작품은 이미 JavaScript React 언어 모드와 연관된다. .js 파일에서 JSX 구문 색상 표시를 사용하려면 상태 표시 줄의 언어 이름을 클릭하고 JavaScript React 언어 모드를 선택하십시오. 매번이 작업을 수행하지 않으려면 파일을 JavaScript React과 연결할 수도 있습니다. 최신 버전의 VS 코드가 있는지 확인하십시오.

+0

이 문제를 일으킨 것은 어떻게 든 "Javascript Atom Gramar"패키지를 사용하고 모든 코드를 숨김 상태로 만들었다는 것이었다. 사용 중지 한 후 지침에 따라 모든 것이 정상적으로 작동했습니다. – andre

관련 문제