일단 yarn을 통해 설치해 보자! npm으로 생성해도 무방하다 git 설정은 알아서 기본이져?
VSCode를 사용하여 프로젝트 폴더를 생성하자.
콘솔에 yarn init -y
yarn add typescript 으로 typescript를 설치하자.
~~yarn global add typescript 하면 에러 뜨더라~~
tsc-watch 로 프로젝트를 컴파일한 결과를 실시간으로 확인하자
yarn add tsc-watch --dev
tsconfig.json 파일 만들어서 아래와 같이 작성한다.
{
"compilerOptions": {
"module": "commonjs",
"target": "ES6",
"sourceMap": true,
"outDir": "dist"
},
"include": ["src/**/*"],
"exclude": ["node_modules"]
}
outDir 으로 TS → JS 로 컴파일 되는 폴더(dist)를 명시한다.
include 으로 typescript를 작성하는 폴더(src)를 명시한다.
나머지 궁금하면 눈치것 알고.. 구글링하자..
package.json 에 "scripts" 추가하자
"scripts": {
"start": "tsc-watch --onSuccess \\" node dist/index.js \\" "
}
이제 src 폴더, dist 폴더 만들고 src에 index.ts 파일에 코드 작성하면 긋
npm으로 설치하기 ⇒ 2. 를 이 과정으로 해도 긋!
npm install -g typescript
npm link tpyescript