首页 > 其他 > 详细

TypeScript笔记

时间:2019-04-16 15:51:07      阅读:132      评论:0      收藏:0      [点我收藏+]
一、TypeScript和JavaScript的对比
1、JavaScript:客户端脚本语言;TypeScript:应用程序级的JavaScript开发语言
2、TypeScript是JavaScript的超集,可以编译成纯JavaScript。这个和我们CSS里的Less或者Sass是很像的,我们用更好的代码编写方式来进行编写,最后还是又生成原生的JavaScript语言。
3、TypeScript跨浏览器、跨操作系统、跨主机、且开源。由于最后他编译成了JavaScript,所以只要能运行JS的地方,都可以运行我们写的程序,设置在node.js里。
4、TypeScript始于JavaScript,终于JavaScript。遵循JavaScript的语法和语义。
5、TypeScript可以重用JavaScript代码,调用流行的JavaScript库,如echarts
6、TypeScript提供了类、模块和接口,更易于构建组件和维护。

二、开发环境的安装
1.安装Node.js
2.安装TypeScript包
npm install typescript -g
tsc --version
3.编写HelloWorld程序

  • 初始化项目:进入你的编程文件夹后,可以使用npm init -y来初始化项目,生成package.json文件。
  • 创建tsconfig.json文件,在终端中输入tsc --init:它是一个TypeScript项目的配置文件,可以通过读取它来设置TypeScript编译器的编译参数。
  • 安装@types/node,使用npm install @types/node --dev-save进行安装。这个主要是解决模块的声明文件问题。
    //编写HelloWorld.ts文件,然后进行保存,代码如下。
    var a:string = "HelloWorld"
    console.log(a)
  • 在Vscode的【任务菜单】下,打开【运行生成任务】,然后选择【tsc:构建 - tsconfig.json】,这时候就会生成一个helloWorld.js文件(将ts文件转换为js文件)
  • 在终端中输入node helloWorld.js就可以看到结果了。

TypeScript笔记

原文:https://blog.51cto.com/9161018/2379534

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!