Tesseractjh
한 걸음씩
Tesseractjh
전체 방문자
오늘
어제
  • 전체 (293)
    • IT (30)
      • JavaScript (7)
      • TypeScript (5)
      • React (5)
      • Next.js (3)
      • MongoDB (2)
      • Webpack (2)
      • HTML & CSS (1)
      • Git (0)
      • AWS (1)
      • 기타 (4)
    • 연습장 (259)
      • 백준(BOJ) 문제풀이 (185)
      • 프로그래머스 문제풀이 (61)
      • LeetCode 문제풀이 (2)
      • HackerRank 문제풀이 (7)
      • 낙서장 (3)
      • 기타 (1)
    • 프로젝트 (3)
      • 지뢰피하기 (1)
      • 키릴-라틴 문자 변환기 (1)
      • Flex & Grid (1)
    • 멋쟁이사자처럼 프론트엔드 스쿨 1기 (1)
      • 일기 & 회고록 (1)

인기 글

티스토리

hELLO · Designed By 정상우.
Tesseractjh

한 걸음씩

[VSCode/Prettier] Prettier 설정 파일이 있을 때에만 적용하기
IT/기타

[VSCode/Prettier] Prettier 설정 파일이 있을 때에만 적용하기

2022. 6. 19. 01:17

 

VSCode에서 Prettier 익스텐션 설치 후 Format On Save 설정을 체크하면 저장할 때마다 자동으로 Prettier가 적용이 된다.

그런데, 모든 프로젝트에서 Prettier를 적용하지 않고, 특정 프로젝트에서만 적용시키고 싶을 수도 있다. 아래의 두 가지 방법으로 해결할 수 있다.

 

1. settings.json

루트 디렉토리에 .vscode 폴더를 만들고 그 안에 settings.json을 만들어서 Format On Save 설정을 활성화할 수 있다. VSCode 기본 설정에 있는 Format On Save를 해제하고, Prettier 적용을 원하는 프로젝트에서 settings.json으로 개별적으로 설정해주면 된다.

{
  "editor.formatOnSave": true
}

 

 

2. Require Config

Require Config 설정을 하면 루트 디렉토리에 .prettierrc, .prettierrc.json, .prettierrc.js 등의 파일이 있거나, package.json에 prettier 키가 존재하는 등의 경우에만 Prettier가 적용된다.

 

개인적으로는 이 방법이 가장 깔끔한 것 같다.

 

 

참고자료

https://prettier.io/docs/en/configuration.html

 

Prettier · Opinionated Code Formatter

Opinionated Code Formatter

prettier.io

 

저작자표시 비영리 (새창열림)

'IT > 기타' 카테고리의 다른 글

[VSCode/ESLint] ESLint 자동 수정이 적용되지 않을 때  (0) 2023.01.15
[npm] npm install할 때 unable to resolve dependency tree 오류  (0) 2022.08.01
[jsDelivr] 무료 CDN 서버로 github 저장소 파일 배포하기  (0) 2022.06.04
    'IT/기타' 카테고리의 다른 글
    • [VSCode/ESLint] ESLint 자동 수정이 적용되지 않을 때
    • [npm] npm install할 때 unable to resolve dependency tree 오류
    • [jsDelivr] 무료 CDN 서버로 github 저장소 파일 배포하기
    Tesseractjh
    Tesseractjh
    바닐라 자바스크립트를 좋아하는 개발자입니다

    티스토리툴바