Prettier & SCSS lint 설정

yoonmikim·2023년 2월 6일
0

개발 환경 설정

목록 보기
1/3

* 사전 설치 확장 플러그인 scss-link, Prettier - Code formatter

  1. 프로젝트 root 경로에 .scss-lint.yml 파일 추가

    .scss-lint.yml : https://gist.github.com/ynmkim/63de938d4449d0904b6108947fdd8856

  2. .prettierrc 파일 추가

{
  "semi": false,
  "singleQuote": true,
  "endOfLine": "lf",
  "tabWidth": 2,
  "useTabs": false
}
  1. 설정
macOS : ⌘ + ,
Windows, Linux : Ctrl + ,

1) Settings에서 Editor:Formate On Save 체크 확인
2) Prettier:Require Config 체크 권장
3) Open Settings (JASON)에서 아래 코드 추가

"editor.defaultFormatter": "esbenp.prettier-vscode",

0개의 댓글