热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

TypeScript学习笔记之环境搭建

1.什么是TypeScriptTypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对

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
    如图所示,typescript就安装好了,

  2. 通过IDE安装插件,这里我用的IDE是webstorm。webstorm已经集成了typescript。下载后即可新建typescript文件。
    这里写图片描述

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

这里写图片描述
找到typescriptServices.js文件目录,然后选择该目录即可
这里写图片描述
这里写图片描述

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

ts文件

js文件

环境搭建完毕。


推荐阅读
author-avatar
手机用户2602931923_450
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有