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
就可以看到结果了