타입스크립트 프로젝트 세팅하는 방법

뉴우비(newwwbi)·2022년 6월 26일
0
post-thumbnail

프로젝트 디렉터리 생성하기

프로젝트 디렉터리를 생성하고, 생성된 프로젝트 디렉터리로 이동한다.

> mkdir my-ts-project
> cd my-ts-project

패키지 생성하기

npm init 명령어로 패키지를 생성한다.
-y 옵션을 주면 디폴트 값으로 설정된 패키지가 바로 생성된다.

> npm init -y

타입스크립트 설치하기

타입스크립트를 글로벌(또는 로컬)에 설치한다.

> npm install typescript -g

타입스크립트 프로젝트 초기화하기

tsc --init 명령어로 타입스크립트 프로젝트를 초기화하고 tsconfig.json 파일을 생성한다.
tsconfig.json 은 타입스크립트로 작성된 프로젝트를 자바스크립트로 컴파일할 때 필요한 컴파일 옵션과 루트 파일 경로 등이 담긴 파일이다.

> tsc --init

필수 모듈 설치 및 설정하기

Jest

설치하기

jest@types/jest, 그리고 ts-jest 를 로컬에 설치한다.

> npm install -D jest @types/jest ts-jest

* ts-jest : 타입스크립트로 작성된 프로젝트를 테스트할 수 있도록 해주는 전처리기 모듈.

설정하기

package.json 에 아래와 같이 jest 설정을 추가해준다.

"jest": {
  "preset": "ts-jest"
}

husky

설치하기

> npm install -D husky

설정하기

Git Hook 기능을 활성화시키기 위해서 husky install 명령어를 최초 1회 실행시켜야 한다.

> husky install

로컬에 모듈을 설치할 때 자동으로 위의 명령어가 실행되도록, npm prepare 스크립트로 등록시킨다.

> npm set-script prepare "husky install"

계속 정리해 나갈 예정...

profile
배운 지식을 다른 사람과 공유하고 싶습니다

0개의 댓글