2020-11-04

vscode（version 1.50) 上ts环境配置

准备工作，

1，Node安装，这是下载地址https://nodejs.org/zh-cn/download/
2，Node 环境变量配置

这时node环境弄好了就可以在cmd中 输入node xxx.js来运js文件了。

配置vscode环境

vscode中打开 Terminal->New Terminal 在终端中输入cmd

1，输入 npm i -g typescript 全局安装ts
2，打开你的项目目录，然后再cmd中输入 tsc -init 这是侯会出现tsconfig.json 文件 ，这个时来配置你的项目的
配置可以按下面输入，具体参数意义百度还是很容易搜到的

{
  "compilerOptions": {
   "target": "es5",
   "noImplicitAny": false,
   "module": "amd",
   "removeComments": false,
   "sourceMap": false,
   "outDir": "js"//你要生成js的目录
  }
}

3，编译项目 按ctrl + shift + B 编译，这时会有下图出现

选择监视模式，这样一改动ts就会自动编译成js，然后可以F5运行，点击可能会出现参数格式不对的错误

vs code 生成的命令 --watch 多了一个杠 应该 写成 -watch 所以手动再cmd 模式下写命令 上图命令可以写成

ps:图中watch 拼错了

之后就会开启监视模式，文件修改就会马上编译

按F5 会运行编译好的js 文件