前一篇文章《vscode环境配置webpack工具typescript自动编译》已经介绍了在webpack脚手架的情景下如何配置一系列环境，然后让typescript文件能自动编译成javascript文件。但是，有时候我们不一定是要在webpack脚手架环境下面操作，有时就是很简单的编写typescript文件然后想得到编译之后的javascript文件。这篇文章就是如此简单。

和前面文章介绍的一样，首先确保操作系统已经安装了node.js，然后也全局安装了typescript。然后在控制台下进入需要编译的ts文件目录，并在控制台内创建文件：

tsc --init

上面的命令会在当前目录创建一个文件,tsconfig.json

接着，我们回到vscode编辑器，点击顶部菜单栏的【终端】-【运行任务】，这里点击“tsc:监视 - tsconfig.json”。

这个时候vscode自带的终端会显示大致如下：

> Executing task: tsc -p e:\Vue\projects\typescript\tsconfig.json --watch <
[2:24:03 PM] Starting compilation in watch mode...
[2:24:06 PM] Found 0 errors. Watching for file changes.

说明监视已经在正确运行了。

这个时候，如果vscode的终端报错'error TS18003'，那么请先通过ctrl+c关闭监视任务，在当前目录创建一个ts文件，然后再次启动监视任务。

按照上面的操作，如果文件多，那么就会有一堆的js和ts文件混在一起，为了方便后续操作，建议将源头的ts文件和编译输出的js文件进行目录分离。

打开前面生成的tsconfig.json文件，修改对应的"outDir"和"rootDir"，分别表示js输出目录和ts文件的源目录，前面遇到的'error TS18003'，错误也可以通过这样的方式修正。