프론트엔드 첫걸음

웹스톰 타입스크립트 파일 실행하기 본문

개발 공부/Typescript

웹스톰 타입스크립트 파일 실행하기

차정 2024. 4. 27. 12:37

https://www.jetbrains.com/help/webstorm/running-and-debugging-typescript.html#ws_ts_run_debug_server_side_ts_node

 

Running and debugging TypeScript | WebStorm

 

www.jetbrains.com

js파일은 마우스 우클릭을 클릭하면 Run~ 으로 시작하는 초록삼각형 버튼을 찾을수있는데,
ts파일은 컴파일하기~ 밖에 없고, 컴파일 한다음에 js파일을 Run하는수밖에 없나 싶다.

방법이 있다.

Install ts-node

npm install --save-dev ts-node

Run/Debug configruation 수정

 

 

Node parameters

--require ts-node/register

Working directory

  • 프로젝트 루트 폴더를 설정 (반드시 루트폴더여야 한다!)

JavaScript File

 $FilePathRelativeToProjectRoot$

 

 

요렇게 설정 해주면 실행 버튼을 누르기만 하면
활성창인 ts파일을 알아서 컴파일해서 실행한다.

'개발 공부 > Typescript' 카테고리의 다른 글

type void  (0) 2024.02.23
객체 리터럴의 추가 속성 검사  (0) 2024.02.23
object를 enum처럼 사용하기  (0) 2024.02.23