TypeScript之环境搭建

Posted 2020-12-26 xiaomingge

TypeScript介绍：

　　TypeScript 是一种由微软开发的自由和开源的编程语言。它是 javascript 的一个超集，

　　TypeScript 在 JavaScript 的基础上添加了可选的静态类型和基于类的面向对象编程。

TypeScript和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提供了类、模块和接口，更易于构建组件和维护

本人喜欢用微软得vscode作为开发工具，以此为例，搭建分为四步windows系统：

　　1.安装node环境（之前文章有，或者百度一大堆）

　　安装成功后 在命令行中执行node -v         

　　　　　　　　　　　　　　 npm -v

　　分别出现对应的版本号说明node安装成功

　　2.安装TypeScript包

　　在命令行窗口输入如下命令：

npm install typescript -g
tsc --version

　　3.编写helloworld程序

　　在程序文件夹内初始化项目

npm init -y

　　创建tsconfig.json文件

tsc --init

　　安装@types/node

npm install @types/node --dev-save

　　编写HelloWorld.ts文件，然后进行保存

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

　　在Vscode的任务菜单下，打开运行生成任务，然后选择tsc：构建-tsconfig.json，这时候就会生成一个helloWorld.js文件

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