TypeScript开发环境配置

TypeScript作为JavaScript的超集,由微软开发,旨在提升大型应用的开发效率。它通过添加静态类型和面向对象编程特性,使JavaScript更适合团队协作和大型项目。本文介绍TypeScript的安装配置、基本语法和如何从JavaScript过渡到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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值