본문 바로가기

TypeScript

typeScript 프로젝트 생성

- VSCode 터미널에서 아래 명령어 입력으로 해당 폴더를 node 프로젝트로 만든다.

// npm 은 package manager

// package.json 생성
npm init -y

// 타입스크립트 설치
npm i typescript

// typescript 파일을 javascript파일로 바꾼다.
npx tsc

// tsconfig.json 생성
npx tsc --init

// 타입검사한 내역이 터미널에 뜬다.(Editor사용 안할경우 계속 쳐서 봐야한다.)
npx tsc --noEmit

 

- txconfig.json 설정

 // javascript 와 typescript 같이 쓰려면 "allowJs" 주석 풀기.
 "allowJs": true,
 
 
 // "strict" 옵션은 절대 false로 바꾸지 말것.
 "strict": true,
 
 // target 옵션은 javascript로 변환시 해당 버전임.
 // ES5 로 변경하면 internet ex에서도 돌아간다.
 "target": "es2016"
 
 // 어떤 모듈시스템 쓸건지
 "module": "commonjs" // node모듈시스템
 "module": "ES2015" // 최신 모듈시스템
 
 // 다른 모듈 임포트할 때에 대소문자 구분( Window는 대소문자구분을 안하는데, 구분하는편이 좋다. )
  "forceConsistentCasingInFileNames": true,
  
  // 라이브러리체크 건너 띌것.
  // dts라는 타입을 모두 정리한 파일이 많은데, 모두 검사하면 컴파일러가 느려지기때문에 실제 사용되는 타입만 검사하라는 옵션.
  "skipLibCheck": true
 
 

 

'TypeScript' 카테고리의 다른 글

TypeScript 사용 이유와 동작 원리  (0) 2023.11.26
TypeScript-React  (0) 2023.11.22
TypeScript  (0) 2023.11.21
typeScript 기본 지식  (0) 2022.09.15