1、全局安装typescript
npm install –g typescript
执行tsc –v,可输出版本号,代表安装成功
2、创建tsConfig文件
npx tsc –init
创建成功目录下会出现tsconfig.json文件
3、安装ts-node,支持执行运行ts文件
npm install –g ts-node
控制台输入ts-node –v,输出版本号,代表安装成功
4、使用tsc命令将ts文件编译生成js文件
tsc demo.ts
目录中会生成demo.js文件
5、查看ts配置文件
tsc –showConfig
6、vscode中安装code runnder插件
右键执行run code执行ts文件
调试
- 点击运行与调试,生成launch文件
- 安装断点调试工具ts-add-to-debug工具,安装完工具后复制工具介绍中的一段配置到项目文件夹中的.vscode中的launch.json中的configurations内,修改program属性
- 在项目文件中安装依赖(局部安装,不要安装到全局)
npm install typescript ts-node tsconfig-paths
mac上vscode右键run code无法执行提示ts-node command not fund,在vscode首选项-设置,打开settings.json,找到code-runner.executorMap下的typescript配置,将ts-code改成完整路径
获取路径方式:which ts-node