部署react-box

    在 truffle官网的 BOXES栏目里，有很多React案例，这些案例的代码结构非常清晰，值得学习和借鉴。
    下面，介绍在win10上部署一个unbox类型的React案例，名称也为react，下载到本地为react-box-master.zip。步骤如下：
    1、下载react-box-master.zip
truffle Box链接:
https://github.com/truffle-box/react-box/archive/master.zip
truffle GitHub链接：
https://github.com/truffle-box/react-box

    2、将react-box-master.zip解压，改名为react-box；

    3、用管理员权限打开CMD，切换到react-box\client目录

cd react-box\client

    4、安装依赖包，如图(1)所示：

npm install

图(1)在client目录里，安装依赖包

    5、等约4分钟，依赖包安装完成，接着回到上一级目录react-box(即回到truffle-config.js所在的目录)，进入truffle develop开发模式，如图(2)所示：

cd ..
truffle develop

图(2) 在react-box目录里，部署该工程

    6、编译和部署react-box，到本地的truffle develop环境

compile
migrate

    7、配置App.js里的SimpleStorage.sol合约路径，详情请看 这篇文章。

    8、按两次Ctrl+C退出truffle develop模式，
进入\react-box\client目录，运行react-box，如图(3)所示：

cd client
npm run start

图(3) 在client目录里，输入命令来启动工程

    该命令会启动一个浏览器打开一个页面，然后连接MateMask，网络类型选中Ropston，点击Connect即可，一路默认，再刷新页面，看到得到的数字为5，如图(4)所示：

图(4) 运行react-box