從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 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開發環境

原文出處：https://www.cnblogs.com/chaogex/p/12164689.html