全局安装ts
npm install -g typescript
查看版本号
tsc -v
目录创建hello.ts文件,编写代码
注意:浏览器不识别typescript代码,需要编译成js代码(目录里会自动生成js文件)
编译方法:
1、手动编译:在终端里tsc 文件名 例:tsc hello.ts (每次修改都需要手动编译)
2、vscode自动编译:(修改代码后可自动编译) 推荐
*终端中 tsc --init 生成tsconfig.json配置文件
*在项目根目录创建js文件夹统一管理编译后的js文件
*tsconfig.json文件中outDir:"./" 配置 表示编译后的js文件存放的位置 改为js文件夹的路径 "./js"
*编译器终端->运行任务->显示所有任务->tsc:监视-tsconfig.json
*怎么在.ts文件中查看console.log输出
安装ts-node
npm install -g ts-node
终端中
ts-node 文件.ts
(配置ts-node环境变量)
配置环境变量,首先要清楚 npm 全局安装 ts-node 的位置