목차:
소개
TSLint와 Prettier는 둘 다 코드 스타일을 유지하고 일관성을 유지하는데 도움을 주는 도구입니다. TSLint는 TypeScript의 Linter로서 정적 분석을 수행하여 코드 스타일, 오류 및 버그를 검사합니다. Prettier는 코드 자동 포맷터로서 코드를 일관된 형식으로 자동으로 정리합니다.
프로젝트에서 TSLint와 Prettier를 함께 사용하면 코드 스타일을 체크하고 자동으로 포맷팅할 수 있습니다. 이는 코드 리뷰 시간을 절약하고 일관성 있는 코드 작성을 돕습니다.
설치
먼저 프로젝트에 TSLint와 Prettier를 설치해야 합니다. 아래 명령어를 사용하여 설치해주세요.
npm install tslint prettier --save-dev
TSLint 설정
TSLint를 설정하기 위해 tslint.json 파일을 프로젝트 루트 디렉토리에 생성합니다. 아래는 간단한 예시 TSLint 설정입니다.
{
"extends": [
"tslint:recommended",
"tslint-config-prettier"
],
"rules": {
// 여기에 사용자 정의 규칙 추가
}
}
tslint.json 파일에서 "tslint-config-prettier"를 확장하도록 설정하면 Prettier가 사용하는 규칙과 충돌하지 않도록 합니다.
Prettier 설정
Prettier를 설정하기 위해 .prettierrc 파일을 프로젝트 루트 디렉토리에 생성합니다. 아래는 간단한 예시 Prettier 설정입니다.
{
"singleQuote": true,
"semi": false
}
위 예시에서는 작은따옴표를 사용하여 문자열을 감싸도록 설정하고, 세미콜론을 제거하도록 설정합니다. 이 외에도 다양한 설정 옵션이 있으니 필요에 따라 수정하십시오.
결론
TSLint와 Prettier를 함께 사용하면 코드 스타일을 자동으로 검사하고 일관된 형식으로 코드를 자동 포맷팅할 수 있습니다. 이를 통해 개발자들은 일관성 있는 코드 작성을 유지할 수 있고 코드 리뷰 시간을 절약할 수 있습니다. 프로젝트에 TSLint와 Prettier를 도입하여 코드 품질을 향상시켜보세요!
참고:
- TSLint: https://palantir.github.io/tslint/
- Prettier: https://prettier.io/
- tslint-config-prettier: https://github.com/prettier/tslint-config-prettier