webstorm运行ts设置

 

一、TS环境搭建

1、安装node并配置镜像源：`node -v`查看node是否安装成功，npm配置国内镜像源：`npm config set registry https://registry.npm.taobao.org`，配置之后可以验证是否成功：`npm config get registry`
2、使用npm全局安装typescript：`npm install typescript`    【验证：`tsc -v`，tsc作用是将ts文件编译成js文件：`tsc 被编译文件件的名字.ts`】

3、安装ts-node：`npm install ts-node`
4、WebStorm安装ts-node插件

5、新建的项目，需要在项目目录下运行命令` npx tsc -init` 自动生成 tsconfig.json

二、webstorm运行ts配置

控制台中文乱码解决

-Dfile.encoding=UTF8

WebStorm安装ts-node插件，以及修改配置，在TS文件中即可成功使用右键运行。