LayaBox之搭建TS开发环境

1.下载LayaIDE和TS源码

进入LayaBox官网www.layabox.com,选择LayaAir Engine 下载TS 源码,选择LayaAir IDE 下载最新的IDE

LayaBox之搭建TS开发环境_第1张图片

2.搭建开发环境

2.1 Node.js下载

TypeScript开发HTML5需要Node.js环境,如果没有安装过的,请前往官方下载(建议LTS版本),URL地址为:https://nodejs.org/en/。


LayaBox之搭建TS开发环境_第2张图片

2.2配置TypeScript编译环境

1.安装Node.js,找到刚刚下载的Node.js安装包,一步一步的安装即可。

2.安装完Node.js后,接着就可以使用NPM来安装TypeScript Compiler,之后就能通过这个Compiler来将TypeScript编译成为JavaScript。在这个步骤里,开发者需要打开cmd命令行工具,输入指令“npm install -g typescript”,按回车键后,即可开始进行TypeScript Compiler的安装。

3.如果中途安装出错,可以在命令行中再次输入指令“npm install -g typescript”,重新安装。如果还是有错,可以通过输入指令“npm uninstall -g typescript”先卸载。然后再输入安装指令。

4.检查TypeScript编译环境版本,在命令行输入“tsc -v” 命令可查看当前TypeScript编译的版本。

5.如果是要安装mac 版本,并且包了如下错误:

LayaBox之搭建TS开发环境_第3张图片

这个是因为在mac 的终端下安装需要sudo命令。

3.新建一个空项目

3.1打开LayaBox IDE

打开LayaBox IDE,选择创建一个新项目。


LayaBox之搭建TS开发环境_第4张图片
LayaBox之搭建TS开发环境_第5张图片

3.2 创建一个ts文件

选择src 目录,右键选择新建文件。

LayaBox之搭建TS开发环境_第6张图片

4.注意

创建文件的时候,如果电脑之前没有安装过 .NET Framework 4.5 (或者其他版本),会提示安装,这个时候我们可以下载一个安装上就可以。附下载链 rj.baidu.com/search/index/

你可能感兴趣的:(LayaBox之搭建TS开发环境)