TypeScript:如何快速上手JavaScript的超集

 时间:2024-10-28 10:55:42

TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaS罕铞泱殳cript的一个超集,它可以编轿杷傥桓译成纯JavaScript。TypeScript一个明显的特点就是提供最新的和不断发展的JavaScript特性,包括那些来自2015年的ECMAScript和未来的提案中的特性,比如异步功能和Decorators,以帮助建立健壮的组件。这些特性为高可信应用程序开发时是可用的,但是会被编译成简洁的ECMAScript3(或更新版本)的JavaScript。TypeScript将JavaScript推向“真正”的面向对象。

TypeScript:如何快速上手JavaScript的超集

工具/原料

npm

安装TypeScript

1、这里通过包管理工具npm安装TypeScript,执行命令如下:npm install -g typescript像图中显示即表示安装成功。

TypeScript:如何快速上手JavaScript的超集

构建编译TypeScript文件

1、首先新建一个以ts为后缀的文件,用来编写TypeScript脚本。

TypeScript:如何快速上手JavaScript的超集

2、将文件拖入在编辑器,将下面的代码输入到hello.ts文件里:(图中的let类型 目前已经在新ES标准里得以实现)

TypeScript:如何快速上手JavaScript的超集

3、接下来进行编译,首先cd 到ts文件所在的目录,在命令行上,允许TypeScript编译器。使用tsc命令。tsc hello.ts

TypeScript:如何快速上手JavaScript的超集

4、输出结果为一个hello.js文件,,它包含了和输入文件中相同的JavsScript代码。 一切准备就绪,我们可以运行这个使用TypeScript写的JavaScript应用了!

TypeScript:如何快速上手JavaScript的超集

Visual Studio安装TypeScript插件

1、Visual Studio Code (VS Code) 是微软开发的、免费开源、功能强大的轻量级的IDE。安装Visual Studio Code安装node.枣娣空郅js安装好Node.js后,可以直接使用npm工具来安装TypeScriptnpm install -g typescriptnpm install -g typingstypings install dt~node –global

TypeScript:如何快速上手JavaScript的超集
  • typescript 很好的教程
  • 如何将TypeScript转JavaScript并在界面中使用
  • 如何安装typescript
  • 用最简单的方法设置VS Code开发TypeScript
  • 如何使用TypeScript创建类和类方法并生成JS文件
  • 热门搜索
    命盘怎么看 睡眠质量不好怎么办 怎么编辑图片 促黄体生成素高怎么办 金刚结怎么编 怎么root 密码忘记了怎么办 格兰仕微波炉怎么样 邓丽君你怎么说 怎么用烤箱做面包