vscode中TypeScript环境配置

ts在vscode中可以运行

• 第一步： 配置node环境，安装code runner运行插件
• 第二步： 安装ts-node包，全局安装命令 npm install ts-node -g，安装完成这时候就可以直接进行运行了。

注意： 如果直接运行出现以下错误，是因为ts-node没有安装，只需要全局进行安装即可。

乱码的解决方法： 在setting.json中配置"code-runner.runInTerminal": true

 'ts-node' �����ڲ����ⲿ���Ҳ���ǿ����еij������������ļ���

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 命令监听）

当编译的时候就会自动输出到js文件夹

参考文章：

• 三步 让你的 vscode 自动编译ts文件
• 运行 typescript时 输出乱码