리포지토리마다 확장 기능을 공통화하고 싶을 때가 있다고 생각합니다.

그 때의 설정을 남겨두고 싶습니다

TL;DR

vscode 작업 공간 사용 (한정 가능)

vscode를 사용하는 팀에게 추천

※이번은 Prettier를 예로 하고 있습니다만,

일반 확장(.vscode/extensions.json)

리포지토리에서 VSCode의 동작을 공통화 (.vscode/settings.json)

가 목적이라면 일독의 여지 있을까!

대상 독자

vscode v1.52.1 이상

팀에서 vscode 사용

배경

예를 들어 팀이 기존 프로젝트에 Prettier을 도입하기로 결정했다고 가정합니다.

그렇다면 Prettier을 시작하는 가장 좋은 타이밍은

프로젝트를 담당하는 멤버 편집기 (vscode)

파일 저장된 타이밍

확장 기능도 많이 있기 때문에 같은 것을 사용하고 싶네요

그러나 다른 프로젝트에 영향을주고 싶지 않습니다.

위의 요청은 json 파일을 준비하고 해결합시다

파일을 저장한 시점에 포맷터를 적응

command + ,에서 설정 열기(Mac)

작업 공간 설정의 탭을 클릭하십시오 (그렇지 않으면 전체 적응이됩니다)

검색 필드에 "onsave"라고 묻는 경우 "Format On Save"가 기본적으로 선택 해제되어 있으므로 확인할 수 있습니다

Prettier

그러면 자동으로 .vscode/settings.json가 생성되었다고 생각합니다.
그것이있는 폴더 아래에만 사용자 설정에 덮어 쓰여 적응됩니다

이제 파일을 저장할 때 Prettier를 적응시킬 준비가 되었습니다

대상 확장 프로그램 추천

Prettier의 확장 기능이 너무 많아서 문자를 읽을 수 없습니다! ! ! 하지 않도록 확장 기능을 선택합시다.

이번에는 을 선택합니다.

VSCode 확장에서 prettier를 검색하고 기어 마크를 누르면,
'작업 공간 권장 사항에 추가'를 누르면 '.vscode/extension.json'에 대상 ID가 배열에 추가되면 완료됩니다.
공식적으로 권장되는 확장 기능

추천 강제 기능 ON 설정

아직 이것만으로는 추천 기능을 낼 수 없습니다 "extensions.ignoreRecommendations" 항목을 false로 설정하지 않으면 권장되지 않습니다.

그래서 이전 .vscode 폴더의 setting.json에 추가하십시오.

setting.json

{
  "editor.formatOnSave": true,
  "extensions.ignoreRecommendations": false
}

결과

위 설정이 된 폴더를 vscode에서 열면 ...

vscode의 오른쪽 하단에 대화 상자가 나타나고,


권장사항 표시를 클릭하면


설치하고 싶은 확장 프로그램을 표시 할 수있었습니다

.vscode/extensions.json

.vscode/settings.json

GitHub과 같은 리포지토리에 푸시하면 프로젝트에 참여하는 사람들에게 추천 할 수있었습니다.

축하해

참고

Prettier

Prettier의 추천 확장 기능