어서 오십시오!

얼마 전에 Node 프로젝트로 TypeScript를 설정할 때 원활하게 작업을 수행하는 데 도움이 되는 간단한 가이드를 작성할 수 있다고 생각했습니다.

시작하려면 다음을 수행하십시오.

먼저 다음을 실행하거나 설치하여 TypeScript가 설치되어 있는지 확인합니다.

tsc -- version
npm install -g typescript

이제 package.json 파일을 추가해야 합니다.

npm init -y

TypeScript를 추가하려면 다음 명령을 실행하십시오.

yarn add -D typescript

다음으로 TypeScript로 프로젝트를 초기화해야 합니다. 아래 명령은 tsconfig.json라는 파일을 생성합니다. 유용한 정보가 포함되어 있고 잘 문서화되어 있으므로 이 파일을 읽고 이해해야 합니다.

npx tsc --init

이제 프로젝트에 새 파일을 만들고 파일 확장자가 .ts 인지 확인하십시오. app.ts 폴더 안에 src라는 파일을 생성하겠습니다. 파일 내부에 console.log 를 생성합니다.

src/app.ts
console.log('Hello World');

이제 TypeScript 파일이 JavaScript 파일로 컴파일되도록 구성해야 합니다. 파일package.json로 이동하여 scripts 블록의 내용을 TypeScript 파일을 실행하고 JavaScript 파일로 빌드할 다음 내용으로 바꿉니다.

"scripts": {
    "build": "tsc"
}

이제 프로젝트를 빌드할 수 있으며 이를 수행하면 애플리케이션을 실행하는 데 사용할 수 있는 .js 파일을 얻게 됩니다.

yarn build // to build
node app.js // to run

그러나 이것을 처리하는 라이브러리를 추가하여 TypeScript 파일을 직접 실행할 수 있을 때 이런 방식으로 수행하는 것은 다소 성가신 일입니다. 다음 명령을 실행합니다.

yarn add -D ts-node

이제 package.json 파일로 이동하고 scripts에 다음 줄을 입력합니다.

"scripts": {
  "start": "ts-node src/app.ts",
  "build": "tsc"
}

이전에 생성된 파일.js을 삭제하고 이제 TypeScript 파일을 직접 실행할 수 있습니다.

yarn start

보너스

개발 중이고 저장할 때마다 변경 사항을 업데이트하려면 변경할 때마다 서버를 다시 시작하는 다음 라이브러리를 추가할 수 있습니다.

yarn add -D ts-node-dev

이제 package.json 파일로 이동하여 scripts.start를 업데이트합니다.

"scripts": {
  "start": "ts-node-dev --respawn src/app.ts",
  "build": "tsc"
}

요약

이제 Node로 TypeScript를 설정했습니다.

모든 의견, 질문 또는 토론은 언제나 환영합니다!