Vscode 코드 색상이 달라지는 문제?

왼쪽 니꼬쌤 강의영상의 vscode  // 오른쪽은 내 노트북의 vscode 화면

--

2022.03.26 수정

생각보다 비슷한 불편을 겪는분이 많은지 이 글로 꾸준히 유입이 된다. 

지금 찾아보아도 왜 저렇게 전체가 아닌 일부 객체만 흰글씨를 띄웠는지는 모르겠지만

가장 큰 가능성은

1. vscode 테마를 확인한다.

2. prettier 와 같은 코드포매터를 확인한다.

(3. 여타 익스텐션)

정도...가 아닐까.

아래 setting.json default formatter 확인해보는게 나의 경우에는 도움이 됐다.

이것으로도 해결이 안된다면 

https://code.visualstudio.com/api/references/theme-color#editor-colors 참고하여 컬러값을 직접 수정하면된다.

-- 

 

카페에서 노트북으로 코딩 공부를 하는데 내 노트북의 vscode의 코드 색깔들이 이질적이었다.

 

니꼬쌤 / 내 데스크탑과 동일한 extension 기능(material theme, prettier)들이 설치되어 있는데도

노트북 속 vscode 색상만 달랐다.  위를 보면 console과 같은 메서드들이 색깔이 다르거나

함수 속 인자는 색상 지정이 안되는 등의 차이를 보였다.

 

집에서 쓰던 vscode와도 다르고 강의 속 코드 색상과도 다르니 이질적이면서도, 변수들이 색상으로 표시 안되고

단지 흰 글씨로만 표현되니 가독성도 떨어졌음.

 

vscode code collor / vscode collor issue / vscode 코드 색깔 등등 오만 검색을 다 해봐도 주석 색상 변경밖에

나오지 않고 설정을 뒤적거려봐도 도무지 해결방법이 나오지 않더라.

 

결국 데스크탑 Vscode 설정을 sync를 통해 노트북 설정에 덮어씌워서 임시론 해결했으나

아직도 근본적인 해결방법을 모르겠다. 노트북 vscode 설정을 만진것도 아닌데 대체 뭐가 바뀌었을지.

나중에 vscode 설정을 다시 찬찬히 들여다 봐야겠다. 찝찝해

 

-

가장 유력한 녀석은 setting.json의 default formatter가 prettier로 설정이 안돼있었던 것인데,

default formatter와 auto save 설정은 몇 번이나 확인했다는 것이다. 뭘까 ㅠㅠ