vscode中TypeScript环境配置

vscode中配置TypeScript环境

1. 第一步： 配置node环境，安装code runner运行插件
2. 第二步： 安装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 自动编译，省去敲命令编译文件，由工具自动完成，提高效率。）

1. 运行 tsc --init，创建tsconfig.json 文件；

2. 修改tsconfig.json 文件，设置编译后的js 文件夹。快速查找 outDir，输出路径修改为：“outDir”: “./js/”；

3. 设置 vscode 监视任务，之后修改项目中的 ts 代码时，会自动生成对应js；（或运行 tsc -w 命令监听）