TypeScript 2.0 最终版,微软脚本编程语言

by admin on 2020年1月12日

TypeScript 2.0
最终版发布了。它带来了一些新的功能,提高了开发人员的生产力,先进的TypeScript
校准和ECMAScrip的发展,为JavaScript库和工具提供了广泛的支持,并增强了语言服务,提供了跨工具的一流编辑体验。

概述

Node.jsTypeScriptTypeScript代码编辑器HTTP服务器Egret这篇文档中,我们主要介绍在Windows环境中安装Egret。其安装步骤如下。

值得关注的更新内容:

Egret基于TypeScript开发的,而TypeScript编译工具tsc是基于Node.js开发的。所以在安装过程中,我们先需要对于基础支持工具进行安装。
需要安装的软件如下:

1.安装Node.js

控制流分析类型

Node.js

1.1下载Node.js

function f(condition: boolean) {
    let result: number;
    if (condition) {
        result = computeImportantStuff();
    }
    // Whoops! 'result' might never have been initialized!
    return result;
}

TypeScript

Node.js的安装方法非常简单,我们可以访问
Node.js官网,然后进点击页面中的INSTALL按钮,可直接下载Node.js的msi安装文件包。

readonly 修饰符

TypeScript代码编辑器

本教程撰写时,Node.js版本为0.10.29,如果你的版本高于此版本,我们会提供相关的版本兼容说明。如未提供任何版本兼容说明,则表示你的版本适用于Egret。双击msi安装包,我们开始安装Node.js。安装过程如图:

class Person {
    readonly name: string;
    constructor(name: string) {
        if (name.length < 1) {
            throw new Error("Empty name!");
        }
        this.name = name;
    }
}
// Error! 'name' is read-only.
new Person("Daniel").name = "Dan";

HTTP服务器(可选)

下载后的Node.js安装包

相关链接:

Chrome(可选)

1.2安装Node.js

  • 有关发行说明和链接到各种平台的安装,请查看发行公布

  • 有关新特性方面的内容,请查看What’s new in TypeScript
    2.0

  • 点击Breaking changes in TypeScript
    2.0 查看重大更改内容

  • 点击fixed issues query for TypeScript
    2.0, TypeScript
    2.0.2和TypeScript
    2.0.3,查看完整的问题修改列表

澳门新葡亰网址下载,Egret

选择安装目录,我们保持默认选项

下载地址:

这篇文档中,我们主要介绍在Mac环境中安装Egret。其安装步骤如下。

选择安装内容,我们将所有工具包全部安装

  • npm

  • Visual Studio 2015
    plugin (requires VS
    2015 Update
    3 to
    be installed first)

  • NuGet
    package

1.安装Node.js

确认安装,点击“Install”按钮

安装命令

1.1下载Node.jsNode.js的安装方法非常简单,我们可以访问Node.js官网,然后进点击页面中的INSTALL按钮,可直接下载Node.js的pkg安装文件包。

安装完成界面,你的Node.js被安装到 C:Program
Filesnodejs目录下,同时该安装包还会为你安装npm工具。

npm install -g typescript@2.0

澳门新葡亰网址下载 1

1.3验证Node.js

文章转载自:开源中国社区 []    

本教程撰写时,Node.js版本为0.10.29,如果你的版本高于此版本,我们会提供相关的版本兼容说明。如未提供任何版本兼容说明,则表示你的版本适用于Egret。

安装完成后,请启动你的命令行工具,输入node
-v命令,来查看你当前的Node.js版本,同时验证你的Nodejs是否安装成功。如果安装正确,则应出现效果如下图。

双击pkg安装包,我们开始安装Node.js。安装过程如图:

在开始——>搜索中输入cmd即可运行命令行工具。

澳门新葡亰网址下载 2

如果出现node
不是内部或外部命令,也不是可运行的程序或批处理文件则表示安装失败,可以参考下面的Node.js安装失败解决方案或者在我们的开发者社区中求助。

下载后的Node.js安装包

1.4验证npm

1.2安装Node.js

在命令行工具中执行npm,出现如下图内容,标明你的npm安装正确。

澳门新葡亰网址下载 3

如果出现npm
不是内部或外部命令,也不是可运行的程序或批处理文件则表示安装失败,可以参考下面的Node.js安装失败解决方案或者在我们的开发者社区中求助。

开始安装界面

1.5Node.js安装失败解决方案

澳门新葡亰网址下载 4

部分Windows安装完成后直接在cmd里输入node和npm,可能会提示找不到该命令。是由于新增的Path路径需要重启才能生效。重启或使用node和npm的绝对路径来运行命令即可。

许可证授权说明

2.安装TypeScript

澳门新葡亰网址下载 5

2.1安装TypeScript

同意许可证授权

当 node.js安装成功后,node 和 npm
命令就可以使用了。TypeScript的安装可视直接使用npm命令直接安装。详细的安装方法可以参考TypeScript官网。

澳门新葡亰网址下载 6

在终端中输入如下命令:npm install -g typescript

安装类型说明

npm
install命令的作用是在开发者的系统中安装指定的Node.js库,typescript是库的名称,-g代表将这个库安装到全局路径

澳门新葡亰网址下载 7

如果由于网络问题导致的安装速度很慢,请使用 npm install -g typescript
–registry= 命令,访问国内镜像版进行安装。

提供管理员权限,这里your name是你的管理员账户名,同时提供账户密码。

2.2验证TypeScript

澳门新葡亰网址下载 8

安装成功后,执行 tsc 命令,您应该看见如下界面

安装过程

3.安装TypeScript代码编辑器

澳门新葡亰网址下载 9

3.1选择一个合适的代码编辑器

安装完成界面,你的Node.js被安装到
/usr/local/bin/node目录下,同时该安装包还会为你安装npm工具。

Egret可以使用任何支持脚本语言的代码编辑器,包括:

1.3验证Node.js安装完成后,请启动你的终端,输入node
-v命令,来查看你当前的Node.js版本,同时验证你的Nodejs是否安装成功。如果安装正确,则应出现效果如下图。

WebStorm 官方下载地址Microsoft Visual Studio 2012 +
TypeScript插件Sublime Text +
TypeScript插件详细的编辑器安装方法以及插件配置方法,可参考文档中工具相关章节。

澳门新葡亰网址下载 10

4.安装一个HTTP服务器

澳门新葡亰网址下载 11

4.1选择一个合适的HTTP服务器

如果出现node: command not
found则表示安装失败,可以参考下面的Node.js安装失败解决方案或者在我们的[开发者社区中求助。

Windows用户推荐采用XMAPP

1.4验证npm在终端中执行npm,出现如下图内容,标明你的npm安装正确。

用户也可以跳过这个步骤,使用Egret内置的基于Node.js的简单HTTP服务器。但为了保证更好的开发体验,Egret建议用户安装上述较为成熟的HTTP服务器

澳门新葡亰网址下载 12

具体服务器软件安装,大家可以参考文档中工具相关章节。

如果出现npm: command not
found则表示安装失败,可以参考下面的Node.js安装失败解决方案或者在我们的开发者社区中求助。

5.安装Chrome浏览器

1.5Node.js安装失败解决方案

Egret可以运行在绝大多数的现代浏览器上,但是 Egret 目前推荐开发者使用
Chrome 作为主要的开发和调试环境。

部分MacOS
安装nodejs的pkg安装包时会显示安装失败,可以通过下载nodejs源代码手动编译解决。

打开Chrome浏览器设置->工具->JavaScript控制台在JavaScript控制台->
常用 ->
禁用浏览器缓存当进行好上述设置之后,只要JavaScript控制台处于打开状态,就不会有浏览器缓存,方便调试。

2.安装TypeScript

6.下载并安装 Egret

2.1安装TypeScript当 node.js安装成功后,node 和 npm
命令就可以使用了。TypeScript的安装可视直接使用npm命令直接安装。详细的安装方法可以参考TypeScript官网。

6.1从官网中下载Egret

在终端中输入如下命令:npm install -g typescript

Egret提供两个下载渠道,一个是Egret官方下载,另外一个是Egret Github下载。

npm
install命令的作用是在开发者的系统中安装指定的Node.js库,typescript是库的名称,-g代表将这个库安装到全局路径

我们推荐大家从官方网站中下载,这里的版本是当前稳定版本。如果你从github中下载引擎的开发版本,该版本非稳定版,你可能在实际开发中遇到许多问题,这些问题通常不会在稳定版中出现。

MacOS用户如果安装失败,请使用 sudo npm install -g typescript
命令确保权限

我们打开官方下载页面,找到“Egret引擎”产品项目,点击蓝色的下载按钮,下载最新版Egret引擎,如图。

如果由于网络问题导致的安装速度很慢,请使用 npm install -g typescript
–registry= 命令,访问国内镜像版进行安装。

6.2安装Egret

2.2验证TypeScript安装成功后,执行 tsc 命令,您应该看见如下界面

将下载后的Egret引擎压缩包解压到指定目录,该目录可以为任意磁盘中目录,如图:

澳门新葡亰网址下载 13

在命令行工具中敲入命令进入解压后的目录。由于我们将解压后的文件放置于F:盘,因此我们先进入F盘,命令如下:

3.安装TypeScript代码编辑器

随后我们进入对应的目录中,如图

3.1选择一个合适的代码编辑器Egret可以使用任何支持脚本语言的代码编辑器,包括:

进入该目录后,我们执行安装命令。

WebStorm官方下载地址【官方推荐】

npm install -g

Microsoft Visual Studio 2012 + TypeScript插件

如果安装命令错误,请检查如下三项,查看是否正确。命令中的当前的路径是否正确。当前目录是否是Egret目录(该目录下存在一个名为
package.json
的文件)系统当前用户是否有管理员权限,如果将Egret解压到C盘,可能会出现此问题。

Sublime Text + TypeScript插件

6.3Egret工具验证

详细的编辑器安装方法以及插件配置方法,可参考文档中工具相关章节。

安装完成后,我们执行egret命令,来查看当前Egret是否安装成功。如安装成功,应出现如下图所示。

4.安装一个HTTP服务器

如果安装失败,请在我们的开发者社区中寻求帮助。

4.1选择一个合适的HTTP服务器Mac用户可以使用系统自带的服务器,Mac用户推荐采用XMAPP

用户也可以跳过这个步骤,使用Egret内置的基于Node.js的简单HTTP服务器。但为了保证更好的开发体验,Egret建议用户安装上述较为成熟的HTTP服务器

具体服务器软件安装,大家可以参考文档中工具相关章节。

5.安装Chrome浏览器

Egret可以运行在绝大多数的现代浏览器上,但是 Egret 目前推荐开发者使用
Chrome 作为主要的开发和调试环境。

打开Chrome浏览器

设置->工具->JavaScript控制台

在JavaScript控制台(右下角)设置(齿轮图标)-> 常用 ->
禁用浏览器缓存

当进行好上述设置之后,只要JavaScript控制台处于打开状态,就不会有浏览器缓存,方便调试。

6.下载并安装 Egret

6.1从官网中下载EgretEgret提供两个下载渠道,一个是Egret官方下载,另外一个是Egret
Github下载。

我们推荐大家从官方网站中下载,这里的版本是当前稳定版本。如果你从github中下载引擎的开发版本,该版本非稳定版,你可能在实际开发中遇到许多问题,这些问题通常不会在稳定版中出现。

我们打开官方下载页面,找到“Egret引擎”产品项目,点击蓝色的下载按钮,下载最新版Egret引擎,如图。

澳门新葡亰网址下载 14

6.2安装Egret将下载后的Egret引擎压缩包解压到指定目录,该目录可以为任意磁盘中目录。在终端中敲入命令进入解压后的目录。

cd ${egret_folder}

其中${egret_folder}为Egret引擎解压的路径。

进入该目录后,我们执行安装命令。

npm install -g

如果安装命令错误,请检查如下三项,查看是否正确。

cd ${egret_folder}命令中的路径是否正确。

当前目录是否是 Egret目录(该目录下存在一个名为 package.json 的文件)

系统当前用户是否有管理员权限,如果不是管理员权限,请执行sudo su命令。

6.3Egret工具验证

安装完成后,我们执行egret命令,来查看当前Egret是否安装成功。如安装成功,应出现如下图所示。

澳门新葡亰网址下载 15

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图