[typescript] Prettier와 Perl 프로젝트 통합하기

08 Dec 2023

이번에는 TypeScript 프로젝트에서 Prettier를 사용하여 코드 포맷팅을 하는 방법에 대해 알아보려 합니다. 또한 Perl 프로젝트에서도 Prettier와 함께 코드 포맷팅을 수행하는 방법에 대해서도 알아볼 것입니다.

TypeScript 프로젝트에 Prettier 사용하기

TypeScript 프로젝트에서 Prettier를 사용하여 코드를 포맷하는 방법은 매우 간단합니다. 우선 프로젝트 루트 디렉토리에 .prettierrc 파일을 만들고 다음과 같이 설정합니다.

{
  "semi": false,
  "singleQuote": true,
  "tabWidth": 2,
  "printWidth": 80
}

그리고 나서 package.json 파일에 아래와 같이 스크립트를 추가합니다.

"scripts": {
  "format": "prettier --write 'src/**/*.{ts,tsx,json}'"
}

그런 다음 터미널에서 npm run format을 실행하면 프로젝트 내의 TypeScript 파일들이 Prettier에 의해 자동으로 포맷팅 될 것입니다.

Perl 프로젝트에서 Prettier를 사용하는 것은 살짝 다르지만 가능합니다. perltidy를 사용하여 Perl 코드를 포맷팅할 수 있는데, 이를 Prettier와 함께 사용해보겠습니다.

먼저 prettier-plugin-perl을 설치합니다.

npm install --save-dev prettier prettier-plugin-perl

그런 다음 .prettierrc 파일에 아래와 같이 플러그인을 설정합니다.

{
  "plugins": ["prettier-plugin-perl"],
  "semi": false,
  "singleQuote": true,
  "tabWidth": 2,
  "printWidth": 80
}

그리고 스크립트를 추가합니다.

"scripts": {
  "format": "prettier --write 'src/**/*.pl'"
}

프로젝트에서 npm run format을 실행하면 Perl 파일들이 Prettier에 의해 자동으로 포맷팅 될 것입니다.

이처럼 TypeScript 프로젝트와 Perl 프로젝트에서도 Prettier를 사용하여 코드 포맷팅을 손쉽게 수행할 수 있습니다.

이상으로 TypeScript와 Perl 프로젝트에서 Prettier를 사용한 코드 포맷팅에 대해 알아보았습니다. 감사합니다!