当前浏览器不支持canvas,请更换浏览器后再试

TypeScript--Hello

什么是typeScript?

  • 它是js的一个超集:类似于sass和less的存在最终编译为js

使用 Go 语言代替 C++ 重新编写跨平台底层内核驱动,上层仍然使用 V8 引擎,最终提供一个安全的 TypeScript 运行时。文件格式为ts(宿主机语言)

  • TypeScript是微软开发的:自由和开源的语言,是javascript的一个超集,在js继承上增加了可选静态类型和类与面向对象编程
  • 主要用于编写大型应用和多人协作

javascript与TypeScript对比

  • TypeScript是一个应用程序级的JavaScript开发语言。(这也表示TypeScript比较牛逼,可以开发大型应用,或者说更适合开发大型应用)
  • TypeScript是JavaScript的超集,可以编译成纯JavaScript。这个和我们CSS离的Less或者Sass是很像的,我们用更好的代码编写方式来进行编写,最后还是有好生成原生的JavaScript语言。
  • TypeScript跨浏览器、跨操作系统、跨主机、且开源。由于最后他编译成了JavaScript所以只要能运行JS的地方,都可以运行我们写的程序,设置在node.js里。
  • TypeScript始于JavaScript,终于JavaScript。遵循JavaScript的语法和语义,所以对于我们前端从业者来说,学习前来得心应手,并没有太大的难度。
  • TypeScript可以重用JavaScript代码,调用流行的JavaScript库。
  • TypeScript提供了类、模块和接口,更易于构建组件和维护。

安装环境

  • npm -v node -v
  1. 安装 npm install typescript -g
  2. 检查版本号 tsc --version
  3. 初始化 npm init -y 会生成一个package.json
  4. 创建一个文件: tsconfig.json 在终端中输入tsc --init:它是一个TypeScript项目的配置文件,可以通过读取它来设置TypeScript编译器的编译参数。
  5. 安装@types/node, npm install @types/node --dev-save进行安装。这个主要是解决模块的声明文件问题
  6. 写第一个TypeScript文件: HelloWorld.ts:
var a:string = "HelloWorld"
console.log(a)
  1. 在任务栏输入 tsc .\HelloWorld.ts 编译生成 helloWorld.js文件
  2. 在终端中输入 node helloWorld.js 就可以看到结果了。
posted @ 2018-11-13 20:07  清如  阅读(146)  评论(0编辑  收藏  举报