您的位置:首页 > 其它

TypeScript从入门到精通系列01(介绍及安装)

2019-06-17 00:05 1251 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/weixin_39331259/article/details/92444137 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文件
  • 如下图操作安装插件

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: