vscode中配置TypeScript环境
- 第一步: 配置node环境,安装
code runner
运行插件 - 第二步: 安装ts-node包,全局安装命令
npm install ts-node -g
,安装完成这时候就可以直接进行运行了。
注意: 如果直接运行出现以下错误,是因为ts-node没有安装,只需要全局进行安装即可。
‘ts-node’ �����ڲ����ⲿ���Ҳ���ǿ����еij������������ļ���
乱码的解决方法: 在setting.json中配置
"code-runner.runInTerminal": true
ts在vscode中自动编译成js
第一步: 环境安装
tsc的作用: 负责将ts 代码 转为 浏览器 和 nodejs 识别的 js代码
// 全局安装 npm install typescript -g // 检查是否安装成功 tsc -v
第二步: 自动编译(设置 VSCode 自动编译,省去敲命令编译文件,由工具自动完成,提高效率。)
- 运行 tsc --init,创建tsconfig.json 文件;
- 修改tsconfig.json 文件,设置编译后的js 文件夹。快速查找 outDir,输出路径修改为:“outDir”: “./js/”;
- 设置 vscode 监视任务,之后修改项目中的 ts 代码时,会自动生成对应js;(或运行 tsc -w 命令监听)