1.进入truffle官网box页面,里面有很多现成的前端框架,我们选择常用react来使用

2.安装react框架

在安装过程中发现了一个大坑,就是node.js的安装版本如果是10.2.0会导致安装不成功,会发现缺少一个core.h文件,这是10.2.0的重大bug,我尝试修改10.2.0版本移除core.h文件引用但代码关联很多没有成功,为此耽误了一天时间,所以如果用truffle框架千万不能从 node中文网站下载10.2.0来安装,一定要从node英文官网下载最新版本10.3.0版本,否则就是浪费时间哦。

从官网下载10.3.0版本

3.react框架安装成功

4.react框架结构

5.编译这个项目

6.启动react项目

7.启动页面

8.我们希望修改stored值为100
修改app.js的代码

9.实例化对象

10.调用set和get方法改变stored值


11.刷新页面stored值变为了100

网友评论