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

灰太狼 2022-05-08 15:14 227阅读 0赞

![在这里插入图片描述][70]

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

### 1、TypeScript开发环境搭建 ###

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

在线compiler：[https://www.tslang.cn/][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
    + typescript@3.1.3
    added 1 package from 1 contributor in 8.741s
    
    C:\Windows\System32>tsc --version
    Version 3.1.3
    
    C:\Windows\System32>

![在这里插入图片描述][70 1]

### 3、TypeScript文件编译 ###

cmd编译ts文件

D:\Angular>tsc hello.ts

[70]: /images/20220506/afcc7a04ca8d4512b89c59e059e8a7c7.png
[https_www.tslang.cn]: https://www.tslang.cn/
[70 1]: /images/20220506/a77ed4073b88481683c802e900d97aed.png

发表评论取消回复

表情：

评论列表（有 0 条评论，227人围观）

还没有评论，来说两句吧...

相关阅读

相关搭建typescript_React、TypeScript、Webpack项目搭建（二）

![64c374fa-452e-eb11-8da9-e4434bdf6706.png][] 源码地址：react-typescript 本节将做以下改动 1. 删除

Love The Way You Lie/ 2023年10月05日 16:52/ 0 赞/ 24 阅读

相关 Python简介及开发环境搭建

![968f4c3a9001403aaa609f4e85ac2933.gif][] > Python是一种跨平台的计算机程序设计语言，将用户的想法传达给Python，它再以计

ゝ一纸荒年。/ 2023年09月25日 21:09/ 0 赞/ 15 阅读

相关 TypeScript的基础环境搭建

学习的webpage，es6的基础上再来学习TypeScript会比较容易上手方法一 1. 首先全局安装nodejs，在cmd输入node -v ，会出现相应的

谁践踏了优雅/ 2022年12月11日 12:23/ 0 赞/ 150 阅读

相关【ArcGIS Engine二次开发】入门基础（1）：ArcGIS Engine简介及开发环境搭建

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

心已赠人/ 2022年11月16日 10:37/ 0 赞/ 832 阅读

相关快速搭建 TypeScript 学习开发环境

点击上方前端瓶子君，关注公众号回复算法，加入前端编程面试算法每日一题群前言之前一直使用的Vue技术栈，在一个大型无代码平台的业务项目中使用过TypeSc

梦里梦外;/ 2022年09月09日 04:40/ 0 赞/ 268 阅读

相关 TypeScript开发环境搭建-Visual Studio Code

一.环境安装 1.安装Node.Js环境 2.使用 npm包管理，安装TypeScript npm install -g typescript 更新到最新版本：

╰半橙微兮°/ 2022年06月14日 10:16/ 0 赞/ 269 阅读

相关 Typescript+dva搭建开发环境

都说Typescript非常的好用，今天尝试了下将typescript跟dva搭建的环境进行下整合。第一步：采用dva命令创建项目： dva new re

﹏ヽ暗。殇╰゛Y/ 2022年06月11日 00:47/ 0 赞/ 494 阅读

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

![在这里插入图片描述][70] ES5:ECMAScript第五个版本 ES6：ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。

灰太狼/ 2022年05月08日 15:14/ 0 赞/ 228 阅读

相关 TypeScript初识及环境搭建

> “学习TypeScript难吗？”，对于新手而言，在刚接触到一门新技术的时候，总是很习惯的问上这么一句。其实：“上手TypeScript几乎没有任何难度可言！” Type

淩亂°似流年/ 2022年04月24日 06:50/ 0 赞/ 238 阅读

相关 selenium-简介及环境搭建

selenium简介及环境搭建 Selenium简介 1.Selenium简介及组成 selenium是一种web自动化测试工具，它可以在主流的浏览器上运行，支持

- 日理万妓/ 2021年11月04日 13:01/ 0 赞/ 508 阅读