从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”。