从0开发3D引擎(三):搭建开发环境

时间:2024-08-09 15:37:02

本系列使用Reason语言,因此需要搭建它的开发环境。

上一篇博文

从0开发3D引擎(二):准备预备知识

下一篇博文

从0开发3D引擎(四):搭建测试环境

搭建开发环境

建议使用VSCode编辑器来开发Reason,因为它的插件支持得最好。

具体搭建Reason开发环境的步骤如下:

1.安装Chrome浏览器

我们使用Chrome浏览器作为测试和运行环境。

2.安装yarn

Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具,使用方法跟npm类似。

详见npm和yarn的区别,我们该如何选择?

安装方法详见安装yarn(选择你的操作系统,默认为windows)

3.执行“yarn global add bs-platform”

这一步是为了安装Reason的相关工具,如格式化工具bsrefmt等

4.安装VSCode

5.安装VSCode->Extensions->reason-vscode插件

6.设置reason-vscode,显示函数的类型签名

在VSCode->“设置”中,搜索到reason的设置,选中 “Show the type for each top-level value in a codelens”。

或者在setting.json中,加上:

  "reason_language_server.per_value_codelens": true

7.克隆Reason-Example项目:

git clone https://github.com/Wonder-Technology/Reason-Example.git

在src/目录下的Reason文件First.re,定义了一个用于测试的函数getFirst,该函数返回1:

let getFirst = () => 1;

1)执行"yarn install"

2)执行"yarn watch"

开个watch,这样在写Reason的时候,会自动编译为js。

我们看到,First.re编译后的js文件为lib/es6_global/src/First.js,它的模块化规范为es6 module。

3)执行"yarn start",在浏览器地址中输入 http://127.0.0.1:8080 , 运行index.html页面

我们在index.html中引入了First.js文件,打印了getFirst函数的输出结果。所以打开控制台,可以看到输出“1”。

参考资料

Reason的介绍和搭建Reason开发环境