從0開發3D引擎(三):搭建開發環境
本系列使用Reason語言,因此需要搭建它的開發環境。
上一篇博文
下一篇博文
搭建開發環境
建議使用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”。
浙公網安備 33010602011771號