VSCode에서 프로젝트별 확장 기능 설정
그 때의 설정을 남겨두고 싶습니다
![:santa:](https://s1.md5.ltd/image/599008832bcd094599b643ce80584a07.png)
TL;DR
※이번은 Prettier를 예로 하고 있습니다만,
가 목적이라면 일독의 여지 있을까!
![:santa:](https://s1.md5.ltd/image/599008832bcd094599b643ce80584a07.png)
대상 독자
배경
예를 들어 팀이 기존 프로젝트에 Prettier을 도입하기로 결정했다고 가정합니다.
그렇다면 Prettier을 시작하는 가장 좋은 타이밍은
위의 요청은 json 파일을 준비하고 해결합시다
![:santa:](https://s1.md5.ltd/image/599008832bcd094599b643ce80584a07.png)
파일을 저장한 시점에 포맷터를 적응
command + ,
에서 설정 열기(Mac) 작업 공간 설정의 탭을 클릭하십시오 (그렇지 않으면 전체 적응이됩니다)
Prettier
그러면 자동으로
.vscode/settings.json
가 생성되었다고 생각합니다.그것이있는 폴더 아래에만 사용자 설정에 덮어 쓰여 적응됩니다
![:santa:](https://s1.md5.ltd/image/599008832bcd094599b643ce80584a07.png)
이제 파일을 저장할 때 Prettier를 적응시킬 준비가 되었습니다
![:santa:](https://s1.md5.ltd/image/599008832bcd094599b643ce80584a07.png)
대상 확장 프로그램 추천
Prettier의 확장 기능이 너무 많아서 문자를 읽을 수 없습니다! ! ! 하지 않도록 확장 기능을 선택합시다.
이번에는
을 선택합니다.
VSCode 확장에서 prettier를 검색하고 기어 마크를 누르면,
'작업 공간 권장 사항에 추가'를 누르면 '.vscode/extension.json'에 대상 ID가 배열에 추가되면 완료됩니다.
공식적으로 권장되는 확장 기능
추천 강제 기능 ON 설정
아직 이것만으로는 추천 기능을 낼 수 없습니다 ![:santa:](https://s1.md5.ltd/image/599008832bcd094599b643ce80584a07.png)
"extensions.ignoreRecommendations"
항목을 false
로 설정하지 않으면 권장되지 않습니다.
![:santa:](https://s1.md5.ltd/image/599008832bcd094599b643ce80584a07.png)
그래서 이전 .vscode
폴더의 setting.json
에 추가하십시오.
setting.json{
"editor.formatOnSave": true,
"extensions.ignoreRecommendations": false
}
결과
위 설정이 된 폴더를 vscode에서 열면 ...
vscode의 오른쪽 하단에 대화 상자가 나타나고,
![](https://s1.md5.ltd/image/87b39609a67ed56d1222beb44d8dd779.png)
권장사항 표시를 클릭하면
![](https://s1.md5.ltd/image/bd22cafc0d5f716ec787d6959acaad06.png)
설치하고 싶은 확장 프로그램을 표시 할 수있었습니다 ![:anger:](https://s1.md5.ltd/image/95dd4d7b6d9a67be6a7b68b5eda9d236.png)
아직 이것만으로는 추천 기능을 낼 수 없습니다
![:santa:](https://s1.md5.ltd/image/599008832bcd094599b643ce80584a07.png)
"extensions.ignoreRecommendations"
항목을 false
로 설정하지 않으면 권장되지 않습니다. ![:santa:](https://s1.md5.ltd/image/599008832bcd094599b643ce80584a07.png)
![:santa:](https://s1.md5.ltd/image/599008832bcd094599b643ce80584a07.png)
그래서 이전
.vscode
폴더의 setting.json
에 추가하십시오.setting.json
{
"editor.formatOnSave": true,
"extensions.ignoreRecommendations": false
}
결과
위 설정이 된 폴더를 vscode에서 열면 ...
vscode의 오른쪽 하단에 대화 상자가 나타나고,
![](https://s1.md5.ltd/image/87b39609a67ed56d1222beb44d8dd779.png)
권장사항 표시를 클릭하면
![](https://s1.md5.ltd/image/bd22cafc0d5f716ec787d6959acaad06.png)
설치하고 싶은 확장 프로그램을 표시 할 수있었습니다 ![:anger:](https://s1.md5.ltd/image/95dd4d7b6d9a67be6a7b68b5eda9d236.png)
GitHub과 같은 리포지토리에 푸시하면 프로젝트에 참여하는 사람들에게 추천 할 수있었습니다.
![:santa:](https://s1.md5.ltd/image/599008832bcd094599b643ce80584a07.png)
축하해
![:santa:](https://s1.md5.ltd/image/599008832bcd094599b643ce80584a07.png)
참고
![](https://s1.md5.ltd/image/7a3169b710ca34836bbb84863a5501ab.png)
Reference
이 문제에 관하여(VSCode에서 프로젝트별 확장 기능 설정), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/k_bobchin/items/717c216ddc29e5fbcd43텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)