TypeScript开发环境配置

TypeScript 是一种由微软开发的*和开源的编程语言。它是 JavaScript 的一个超集,TypeScript 在 JavaScript 的基础上添加了可选的静态类型和基于类的面向对象编程。

其实TypeScript就是相当于JavaScript的增强版,但是最后运行时还要编译成JavaScript。TypeScript最大的目的是让程序员更具创造性,提高生产力,它将极大增强JavaScript编写应用的开发和调试环节,让JavaScript能够方便用于编写大型应用和进行多人协作。

TypeScript 与JavaScript两者的特性对比,主要表现为以下几点:

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

开发环境配置
1.Node.js的安装

2.安装TypeScript包

npm install typescript -g
tsc --version

3.初始化项目,进入你的编程文件夹后,可以使用npm init -y来初始化项目,生成package.json文件

npm init -y

TypeScript开发环境配置
4.创建tsconfig.json文件,在终端中输入tsc --init:它是一个TypeScript项目的配置文件,可以通过读取它来设置TypeScript编译器的编译参数

tsc --init

5.安装@types/node,使用npm install @types/node --dev-save进行安装。这个主要是解决模块的声明文件问题

npm install @types/node --dev-save

6.编写HelloWorld.ts文件

let a:string = "HelloWorld"
console.log(a)

7.运行ts文件,tsc HelloWorld.ts ,会生成一个HelloWorld.js文件

tsc HelloWorld.ts

8.在终端中输入node HelloWorld.js就可以看到结果了

node  HelloWorld.js