[개발환경] TypeScript 세팅

2022. 4. 14. 17:16·개발환경
반응형

1. Nodejs와 VScode 에디터를 설치한다.

해당 과정은 React 세팅을 통해서 이미 진행한 과정이기 때문에 패스 

 

2. VScode 에디터에서 패키지를 설치한다. 

npm install -g typescript

 

3. 작업할 폴더를 만들고 tsconfig.json 파일을 만들어준다. 

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs"
  }
}

 

4. js 파일로 변환

터미널창에서 tsc -w를 입력하면 ts 파일을 js 파일로 변환해준다. 

반응형
저작자표시 비영리 변경금지 (새창열림)

'개발환경' 카테고리의 다른 글

개발 생활의 질을 올려주는 Husky  (2) 2025.01.04
Github Actions로 배포 자동화하기  (3) 2024.12.18
[개발환경] React Native 개발환경 구성 - Window  (2) 2022.05.23
[개발환경] 도커 환경 구성 - Window  (1) 2022.03.11
[개발환경] React 개발환경 구성 - Window  (2) 2022.03.07
'개발환경' 카테고리의 다른 글
  • Github Actions로 배포 자동화하기
  • [개발환경] React Native 개발환경 구성 - Window
  • [개발환경] 도커 환경 구성 - Window
  • [개발환경] React 개발환경 구성 - Window
잉여개발자
잉여개발자
풀스택 개발자를 목표로 잉여롭게 개발 공부도 하면서 다양한 취미 생활도 즐기고 있는 잉여 개발자입니다.
  • 잉여개발자
    잉여로운 개발일지
    잉여개발자
    • 분류 전체보기 (789)
      • 개발정보 (36)
      • 개발환경 (7)
      • 개발생활 (19)
      • React (141)
        • 이론 (23)
        • 기능 (12)
        • 실험실 (88)
        • 버그 (6)
        • 패스트캠퍼스 (9)
        • Npm (3)
      • React Native (28)
        • 공통 (6)
        • TypeScript (3)
        • JavaScript (18)
        • 버그 (1)
      • Next.js (30)
        • 이론 (13)
        • 실험실 (13)
        • 버그 (3)
      • Web (35)
      • 알고리즘 (202)
        • 풀이 힌트 (39)
      • JavaScript (47)
      • TypeScript (29)
        • 기초 (27)
        • 실험실 (2)
      • Node.js (13)
        • 이론 (0)
        • 기능 (3)
        • 실험실 (9)
        • 버그 (1)
      • 도커 (4)
      • CCNA (22)
        • 이론 (4)
        • 문제 (18)
      • 취미생활 (167)
        • 잉여로운 칵테일 (2)
        • 잉여의 식물키우기 (130)
        • 잉여로운 여행기 (11)
        • 잉여의 제2외국어 (21)
        • 잉여로운 책장 (2)
      • Java (1)
        • Java의 정석 (1)
      • 꿀팁 공유 (3)
  • 태그

    ChatGPT
    덤프
    typescript
    javascript
    다이소
    webpack
    CCNA
    타입스크립트
    식물
    Docker
    리얼학습일기
    영어회화
    redux
    CSS
    네트워크
    자바스크립트
    next.js
    react
    영어독학
    ReactNative
    리액트
    리얼클래스
    프로그래머스
    Node.js
    Babel
    타일러영어
    바질
    알고리즘
    네이버 부스트캠프
    바질 키우기
  • hELLO· Designed By정상우.v4.10.1
잉여개발자
[개발환경] TypeScript 세팅
상단으로

티스토리툴바