二、TypeScript简介及开发环境搭建

版权声明:本文为博主原创文章,未经博主允许欢迎转载,请注明原文链接。一起交流,共同进步。 https://blog.csdn.net/newbie_907486852/article/details/83058940

在这里插入图片描述

ES5:ECMAScript第五个版本
ES6:ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。
JavaScript:前端的脚本语言,实现ES5规范。
TypeScript:实现了ES6规范。

1、TypeScript开发环境搭建

       compiler(编译器):将TypeScript编译成纯的JavaScript。因为ES6规范是2015年发布的,不是所有的浏览器都支持TypeScript,所以需要进行编译后执行。

       在线compiler:https://www.tslang.cn/
       本地compiler:安装TypeScript编译器。

2、TypeScript编译器安装

Microsoft Windows [版本 10.0.17134.345]
(c) 2018 Microsoft Corporation。保留所有权利。

C:\Windows\System32>npm --version
6.4.1

C:\Windows\System32>npm install -g typescript
C:\Users\yang\AppData\Roaming\npm\tsc -> C:\Users\yang\AppData\Roaming\npm\node_modules\typescript\bin\tsc
C:\Users\yang\AppData\Roaming\npm\tsserver -> C:\Users\yang\AppData\Roaming\npm\node_modules\typescript\bin\tsserver
+ [email protected]
added 1 package from 1 contributor in 8.741s

C:\Windows\System32>tsc --version
Version 3.1.3

C:\Windows\System32>

在这里插入图片描述

3、TypeScript文件编译

cmd编译ts文件

D:\Angular>tsc hello.ts

猜你喜欢

转载自blog.csdn.net/newbie_907486852/article/details/83058940
今日推荐