TypeScript - 타입스크립트 설치(VS Code)

Hyuk·2022년 8월 10일
0

Typescript

목록 보기
2/2
post-thumbnail

타입스크립트의 기초를 배우는 과정이며, 틀리거나 부족한 부분이 있다면 댓글로 적어주시면 감사합니다!! 댓글은 언제든지 환영합니다!

📖 타입스크립트 설치

🙅 Node Js가 미리 설치 되어있어야 진행이 가능

NodeJS 홈페이지

📒 타입스크립트 설치 방법

📌 npm init -y

이제부터 패키지 설치가 가능

  • 생성
    • package.json

📌 npm i typescript

타입스크립트 설치

  • 생성
    • package-lock.json
    • node_modules

📌 npx tsc --init

타입스크립트 설정 파일

  • 생성
    • tsconfig.json

tsconfig.json 변수

  • target: 컴파일 타겟
  • module: 사용하는 모듈
  • strict: 엄격한 타입 확인 옵션

📒 타입스크립트 패키지 설치 방법

❌ npm i lodash

  • 문제 - 위와 같이 패키지를 설치 시에 TypeScript에서는 lodash의 있는 함수를 사용을 할수가 없음
  • 이유 - ash 내부에 타입 정의 파일이 없기 때문에 정의가 안됨

💡 npm i @types/lodash

  • 해결 - 이런경우에 대부분 DefinitelyTuped에 lodash의 타입 정의 파일이 있음 대부분 앞에 "@types/"를 붙여주면됨

DefinitelyTuped 란?
: TypeScript의 타입 정의를 제공하는 리포지터리 서비스


📒 Code Runner 타입스크립트 컴파일 방법(Window 기준)

📌 code runner 설치


📌 npm i ts-node -g

콘솔환경인 Node 환경에서도 ts 파일을 해석가능


📌 ts-node 환경 설정

👉 설정으로 이동

👉 executorMap 입력 > Code-runner:Executor Map json에서 편집

👉 아래와 같이 작성("typescript": "ts-node")

이때 code-runner.excutorMap에 다른 객체들이 설정되어있다면 그건 건들지 말고 진행

👉 단축키(Ctrl + Alt + n)


실행시 vscode 하단에 출력이 되는것을 확인

profile
Front End, React Developer && Publisher💻

0개의 댓글