[nest.js] nest.js 규칙 관련 기본 플러그인들 설명

개발 공부/nest.js

[nest.js] nest.js 규칙 관련 기본 플러그인들 설명

solutionMan 2022. 12. 3. 21:39

ESlint

자바스크립트와 타입스크립트의 코드를 검사해준다.

.eslintrc.js는 검사의 규칙을 적어둔것이다.

vscode에서 사용하기위해서 는 아래 플러그인(ESlint)을 설치한다.

Rules - ESLint - Pluggable JavaScript Linter

A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

eslint.org

규칙을 정하거나 내용들을 찾고싶다면 위 도큐먼트에 들어가서 확인을 해보면 좋다.

.prettierrc

Prettier 옵션 파일로써 코드컨벤션을 맞추기 위해 사용한다.

[vscode] Prettier 적용방법, 적용 안되는 경우 해결방법

Prettier 적용 방법 Visual Studio Code에서는 사용자 편의를 위해 코드의 줄 간격이나 행을 자동으로 깔끔하게 정리해주는 확장프로그램이 존재한다. 왼쪽 사이드바에서 EXTENSIONS 아이콘을 클릭한 후 pr

yjg-lab.tistory.com

[Mac] VSCode에서 Prettier적용하기

Prettier는 정해진 규칙에 따라 자동으로 코드 스타일을 정리해주는 도구이다. 우선 market place에서 pre...

blog.naver.com

{

"arrowParens": "avoid", // 화살표 함수 괄호 사용 방식

"bracketSpacing": false, // 객체 리터럴에서 괄호에 공백 삽입 여부

"endOfLine": "auto", // EoF 방식, OS별로 처리 방식이 다름

"htmlWhitespaceSensitivity": "css", // HTML 공백 감도 설정

"jsxBracketSameLine": false, // JSX의 마지막 `>`를 다음 줄로 내릴지 여부

"jsxSingleQuote": false, // JSX에 singe 쿼테이션 사용 여부

"printWidth": 80, // 줄 바꿈 할 폭 길이

"proseWrap": "preserve", // markdown 텍스트의 줄바꿈 방식 (v1.8.2)

"quoteProps": "as-needed" // 객체 속성에 쿼테이션 적용 방식

"semi": true, // 세미콜론 사용 여부

"singleQuote": true, // single 쿼테이션 사용 여부

"tabWidth": 2, // 탭 너비

"trailingComma": "all", // 여러 줄을 사용할 때, 후행 콤마 사용 방식

"useTabs": false, // 탭 사용 여부

"vueIndentScriptAndStyle": true, // Vue 파일의 script와 style 태그의 들여쓰기 여부 (v1.19.0)

"parser": '', // 사용할 parser를 지정, 자동으로 지정됨

"filepath": '', // parser를 유추할 수 있는 파일을 지정

"rangeStart": 0, // 포맷팅을 부분 적용할 파일의 시작 라인 지정

"rangeEnd": Infinity, // 포맷팅 부분 적용할 파일의 끝 라인 지정,

"requirePragma": false, // 파일 상단에 미리 정의된 주석을 작성하고 Pragma로 포맷팅 사용 여부 지정 (v1.8.0)

"insertPragma": false, // 미리 정의된 @format marker의 사용 여부 (v1.8.0)

"overrides": [

{

"files": "*.json",

"options": { "printWidth": 200 }

}

], // 특정 파일별로 옵션을 다르게 지정함, ESLint 방식 사용

}