环境搭建 HelloWorld(ts版本问题解决方案)

一、下载layabox

官网 https://www.layabox.com/

 

首页上有两个,一个Engine,一个IDE

环境搭建 HelloWorld(ts版本问题解决方案)

 

Engine我下载的TS版本,解压后,就是一个库

环境搭建 HelloWorld(ts版本问题解决方案)

IDE则是绿色版的,下载无需安装即可使用。我下载的当前最新版本1.7.19.1 beta

环境搭建 HelloWorld(ts版本问题解决方案)

 

环境搭建 HelloWorld(ts版本问题解决方案)

对于使用TS开发人员,只需下载IDE即可。

 

二、新建一个项目

任意新建一个UI示例项目,提示版本不匹配。由于之前安装vscode导致,查看论坛解答

环境搭建 HelloWorld(ts版本问题解决方案)

 

cmd命令行输入tsc -v打印查看版本,全局的ts确实是1.4.0.0

1

tsc -v

环境搭建 HelloWorld(ts版本问题解决方案)

 

 点击laya的报错提示后的查看详情跳转到typescript官网,告诉你安装新版本

环境搭建 HelloWorld(ts版本问题解决方案)

 

 

 这个问题忽略后,点击编译

 环境搭建 HelloWorld(ts版本问题解决方案)

 

提示报错如下,搜了一遍laya论坛,竟没有人遇到这个情况...

环境搭建 HelloWorld(ts版本问题解决方案)

 

好吧,我去下载新版本,到官网下载nodejs

环境搭建 HelloWorld(ts版本问题解决方案)

 

安装完成,用node -v查看版本

1

node -v

环境搭建 HelloWorld(ts版本问题解决方案)

 

全局安装typescript

1

npm install -g typescript

 

然而并没有用...

 

又去论坛搜了一圈,得到了另一个解决方案,需要删除系统变量Path里的typescript

删除后,这下没有报错了...

 

折腾了一番,新建一个HelloWorld.ts

环境搭建 HelloWorld(ts版本问题解决方案)

 

编写代码

1

2

3

4

5

6

7

8

9

10

/*

* name;

*/

class HelloWorld{

    constructor(){

        console.log("Hello World");

    }

}

 

new HelloWorld();

 

编译并F5调试,现在可以输出HelloWorld了.

环境搭建 HelloWorld(ts版本问题解决方案)