vscode에서 file explorer나 search를 통해 찾은 파일을 클릭하면 탭에서 italic으로 파일명이 표시되면서 preview mode로 열리고, 같은 방식으로 다른 파일을 열면 preview mode였던 파일은 사라진다. 때때로 그래서 귀찮은 일이 생기는데, 이것을 막으려면 settings.json에 아래를 추가하면 된다.

{
  "workbench.editor.enablePreview": false,
}

{
  "workbench.editor.enablePreview": false,
}

...근데 이렇게 해놓고 무작정 다 열다 보면 램이 터질 수 있다...

vscode가 flow type 정의에 .ts가 아닌데 타입 머시기가 있다고 깝치는 에러. settings.json에 아래를 추가한다.

  "javascript.validate.enable": false

  "javascript.validate.enable": false

원인

.jsx 파일의 File Association이 Babel JavaScript로 되어있어서 생기는 문제.

해결 1

화면 하단의 language mode 영역을 클릭 -> JavaScript React로 바꾸면 해결

해결 2

물론 settings.json에서 바꿀수도 있다.

"files.associations": {
  "*.jsx": "javascriptreact"
}

"files.associations": {
  "*.jsx": "javascriptreact"
}

xcode에선 vim key 바인딩, hover action 등등이 간단하게 안되는 것 같아 vscode에 개발 환경 꾸미는 게 가능할까 알아보았다.

1. 원하는 위치에 sourcekit-lsp를 클론 받는다.
2. $ cd sourcekit-lst/Editors/vscode
3. $ npm run createDevPackage
4. $ code --install-extension out/sourcekit-lsp-vscode-dev.vsix
5. 공식엔 여기까지 하면 된다고 나와있긴 한데, vscode에서 Starting client failed Launching server using command sourcekit-lsp failed. 라며 에러가 발생했다.
6. $ xcrun -f sourcekit-lsp 로 sourcekit-lsp가 설치된 경로를 알아내서 복사한다.
7. vscode settings.json에 아래를 추가한다.

8.   "sourcekit-lsp.serverPath": "<경로>"

     "sourcekit-lsp.serverPath": "<경로>"

9. vscode를 reload 한다.
10. 굳
11. https://marketplace.visualstudio.com/items?itemName=vknabel.vscode-swiftlint 도 설치하면 좋다 카더라.