从0开发3D引擎（三）：搭建开发环境

本系列使用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 watch"

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

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

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

咱们在index.html中引入了First.js文件，打印了getFirst函数的输出结果。因此打开控制台，能够看到输出“1”。

参考资料

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