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
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