Typescript 介绍
- TypeScript 是由微软开发的一门开源编程语言;
- TypeScript扩展了JavaScript语法, 是 Javascript 的超集,遵循最新的 ES6、ES5 规范;
- TypeScript最终被转译成JavaScript代码,可以在任何浏览器,任何宿主环境中运行(跨平台);
- 谷歌的 angular2.x+就是基于 Typescript 语法, 最新的 Vue 、React 也可以集成 TypeScript。
Typescript 安装 编译
- 浏览器无法解析ts或es6,需要把ts转译成浏览器能解析的es5;
- 安装nodejs后使用nodejs的包管理npm来安装ts;
npm install -g typescript
- 新建一个脚本 helloworld.ts,在根目录下打开cmd或者git Bash,执行tsc helloworld.ts,将ts转成js;
tsc helloworld.ts
- 由于每次写完ts代码后都要使用命令生成对应的js文件,比较麻烦,所以使用自动编译。
在Visual Studio Code中配置,使脚本自动编译成对应的js文件
- 在项目根目录下打开cmd输入或者在Vscode终端输入 tsc --init 生成配置文件 tsconfig.json ;
- 将tsconfig.json中的outDir注释解开,补充要编写的ts文件最终输出到哪个目录,比如输入到js目录下,没有注释开则默认输出到根目录中;
- 点击terminal,选择run task,然后点击watch进行监视,写完脚本后保存就会自动编译到对应的js文件中。
在Hbuild中配置,使脚本自动编译成对应的js文件
- 如下图操作安装插件