TypeScript学习笔记之环境搭建

1.什么是TypeScript
TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript 增加了对为即将到来的 ECMAScript 6 标准所建议的特性的支持。
谷歌公司的前端框架Angular就是基于TypeScript开发的。

2.学习TypeScript的好处
1)支持ES6规范
2)强大的IDE支持
3)Angular框架的开发语言

3.环境搭建
1)下载安装nodejs。nodeJs下载地址
2)获取typescript的方式有两种

  1. 通过npm(Node.js包管理器)下载获取 输入命令: npm install -g typescript
    TypeScript学习笔记之环境搭建_第1张图片
    如图所示,typescript就安装好了,

  2. 通过IDE安装插件,这里我用的IDE是webstorm。webstorm已经集成了typescript。下载后即可新建typescript文件。
    TypeScript学习笔记之环境搭建_第2张图片

将webstorm中设置一下,将ts版本指向本地的版本,会将编写的ts文件自动编译成js文件。

TypeScript学习笔记之环境搭建_第3张图片
找到typescriptServices.js文件目录,然后选择该目录即可
TypeScript学习笔记之环境搭建_第4张图片
TypeScript学习笔记之环境搭建_第5张图片

4.HelloTypeScript
1.在新建的ts文件中简单编写几行代码,编译器会将编写的代码编译成js文件。

TypeScript学习笔记之环境搭建_第6张图片

TypeScript学习笔记之环境搭建_第7张图片

环境搭建完毕。

你可能感兴趣的:(web前端,从零开始,学习web前端)