VSCode 프로젝트 기반 영구 파일 연결

개인적으로 JavaScript 문서, VSCode의 React 프로젝트에서 작업하는 동안 JSX 코드에 대한 intellisense 및 emmet의 모든 이점을 얻었지만 오늘날에는 그렇지 않았습니다. 그래서 언어 모드를 표준 Javascript에서 Javascript React로 변경하기로 결정했고 모든 것이 예상대로 작동했습니다.

파일을 닫을 때까지 VSCode는 파일을 다시 연 후 파일 연결을 표준 JavaScript로 다시 변경합니다.

하지만 이는 JS 문서를 닫았다가 다시 열 때마다 매번 언어 모드를 다시 JavaScript React로 변경해야 한다는 것을 의미했습니다. 안좋다.

프로젝트 내의 모든 JS 문서를 JavaScript React 문서로 만드는 방법이 있습니다. 언어 모드를 다시 변경할 필요가 없습니다. 내 의도는 이것을 기본 VSCode 전역 동작으로 만드는 것이 아니라 내 React 프로젝트에 대해 이런 일이 일어나기를 원합니다.

특정 프로젝트에 대해 사전 정의된 언어 모드를 갖도록 VSCode에 어떻게 지시합니까?

대답은 작업 공간 파일에 설정을 추가하는 것입니다.

프로젝트에 이미 .code-workspace 문서가 있는 경우 설정에 다음을 추가하기만 하면 됩니다.

{
    ...
    "settings": {
        "files.associations": {
            "*.js": "javascriptreact",
        }
    },
}

프로젝트 폴더에 작업 공간 설정이 없는 경우 프로세스는 간단합니다.

파일 -> 다른 이름으로 작업 공간 저장으로 이동합니다...

파일 이름을 지정하고 프로젝트의 루트 폴더에 저장합니다

.

위의 코드 스니펫 추가

이제 모든 JS 파일이 JavaScript React 파일로 처리됩니다.


행복한 날들!