typescript的安装运行与自动编译

简介:
typescript是JavaScript的超集，遵循最新的ES5、ES6规范，并扩展了JavaScript的语法。typescript更像后端的Java、C#等面向对象语言。Vue、React中也集成了typescript。

安装：
cmd打开黑窗口，执行全局安装命令：npm install -g typescript。
版本查看：tsc -v。

文件创建与编译：
创建文件为xxx.ts文件。
因为浏览器不支持解析ts文件，所以需要先将ts文件编译成js文件。
打开终端到项目所在位置输入：tsc xxx .ts即可完成解析。
代码初始化命令：tsc --init。

自动编译解析：
如果每次写了一些代码就进行一次解析命令太麻烦了，所以不同的编译器通过设置可以支持保存文件自动编译的功能，这里说明一下在Hbuilder和在vscode上分别如何实现自动编译。

在Hbuilder上：
  点击编译器顶部栏目中的工具，点击插件安装，进入插件市场安装typescript插件。
  重启编译器之后点击工具中的外部命令插件配置，点击里边的typescript，点击里边的package.json文件。
  将package.json文件里边的onDidSaveExecution属性值修改为true即可。
  如果保存不能自动编译，就尝试重启一次编译器。

在vscode上：
  先将项目初始化：tsc --init。
  进入初始化后生成的tsconfig.json文件中。
  将文件中的outDir的属性值修改为生成文件的位置（./js）。
  在vscode操作栏的终端中点击运行任务，找到并点击tsc：监视。