本系列使用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開發環境