lint

지니씨·2023년 3월 6일
0

프론트엔드

목록 보기
68/87

플러그인 설치
lint 설정 파일(.eslintrc, .stylelintrc 등)
vs설정 shift+command+p 기본설정 (json) 에 필요한 설정 추가

https://velog.io/@treejy/React-ESLint%EC%99%80-Prettier%EA%B0%80-%EB%AC%B4%EC%97%87%EC%9D%B4%EB%A9%B0-%EC%99%9C-%ED%95%84%EC%9A%94%ED%95%98%EA%B3%A0-%EC%96%B4%EB%96%BB%EA%B2%8C-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94%EC%A7%80

eslint

slint

엄격 : https://github.com/stylelint-scss/stylelint-config-standard-scss/blob/HEAD/index.js
추천 : https://github.com/stylelint-scss/stylelint-config-recommended-scss/blob/HEAD/index.js

스타일 속성 선언 관련
stylelint-config-rational-order: https://www.npmjs.com/package/stylelint-config-rational-order
stylelint-config-recess-order : https://github.com/twitter-archive/recess/blob/29bccc870b7b4ccaa0a138e504caf608a6606b59/lib/lint/strict-property-order.js
stylelint-config-property-sort-order-smacss (0) : https://github.com/cahamilton/css-property-sort-order-smacss/blob/v2.2.0/index.js

https://maximgatilin.github.io/stylelint-config/ ( 42문항 )

prettier

vscode 자체에도 prettier 설정 가능하지만 프로젝트에 공유되지 않으니 prettierrc 파일에 설정하기
우선순위 : prettierrc 파일 > vscode 설정

profile
하루 모아 평생 🧚🏻

0개의 댓글