본문 바로가기

IT/javascript

typescript 공부를 위한 기초 환경설정

반응형

# node -v : 16.14.0

 

mkdir project_name

cd project_name

npm init -y

npm i -D typescript tsllint @types/node

** npm 옵션 

i : install  모듈 설치 npm5 이후에는 package.json 에 같이 추가

-D:  --save-dev 와 동일 devDependency 에 추가 product 컴파일시 배포 안함!

 

#tsconfig.json 파일 생성

{
    "compilerOptions": {
        "lib": ["ES2015"],
        "module": "commonjs",
        "outDir": "dist",
        "sourceMap": true,
        "strict":true,
        "target": "ES2015"
    },
    "include": [
        "src"
    ]
}

#tslint.json 파일 생성 

.\node_modules\.bin\tslint --init  ##윈도우 스타일! 실행하면 프로젝트 루트에 tslint.json 파일 생성됨

 

# 정상테스트

mkdir src

vi src/index.ts

 

console.log("Hi Samdogs!");

 

# 컴파일

.\node_modules\.\bin/tsc

# 실행

node .\dist\index.js

 

 

반응형