什么是truffle-box
truffle-box是一个npm包，它是Truffle框架的一个集合，提供在开发以太坊DApps时用到的各种工具，包含了很多简单易用的代码模板和示例，如Box中的Pet Shop、MetaCoin、webpack等，基本涵盖了各种用到的库、框架和工具。
如何使用truffle-box
使用truffle-box非常简单。具体步骤如下：
步骤1：创建一个空文件夹，并初始化npm目录
打开控制台，创建一个空文件夹，并在其中初始化npm目录。
mkdir myDapp
cd myDapp
npm init步骤2：安装和初始化truffle-box
在控制台中输入以下命令，来安装和初始化truffle-box。truffle-init-webpack是一个以webpack为基础的DApp框架，我们在这里选择重新尝试这个经典的框架。
npm install -g truffle truffle unbox webpack
步骤3：测试truffle-box
在控制台中输入以下命令，启动DApp。
npm run dev打开浏览器，访问http://localhost:8080/。您应该可以看到一个简单的DApp界面。这个示例DApp是带有“Show Metacoin”按钮的简单页面，您可以单击该按钮来查看您的MetaCoin余额。这里仅显示了MetaCoin的示例。
示例代码
以下是一个简单的DApp，可以从Metacoin合约中读取余额。
HTML代码
-- -------------------- ---- ------- --------- ----- ------ ------ ----- --------------- -- --------------- --------------- ----- ---------------- ---------------- -- ------- ------ ---- ------------ ---- --------------- --------- ------------ ------------ -- -------- ---------------- ----- -------- ---------- - --- -- --- -- ---- ------------------- ------ ------ ------- ----------------------------------------------- ------- ------------------------ ------- -------展开代码
CSS代码
-- -------------------- ---- ------- ------- ---- ----------------------------------------------------------- -- ---- - ------- -- -------- -- ------------ ----- ------ ----------- ----------- -------- - -------- - ------ ----- ------- ----- ------- - ----- ----------- ------- - ---- - -------- ----- ---------- ----- ------- - ------ - -------- - -------- - ----- ----------- ----------- ----- -- ------------ ------- ---------------- ------- ----------- ------- - -------- -- - ----------- ------- -------------- ----- ------------ ---- ---------- ------- - --------- - ---------- ----- - ------------ - -------- ------ ------- ---- ----- -------- ---- ----- ----------- -------- ------ ----- ---------------- ----- -------------- ----- - -------- - ---------- ----- ------------ ---- ----------- ----- ----------- ------- -展开代码
JavaScript代码
-- -------------------- ---- ------- ------ ---- ---- ------- ------ ---------------- ---- -------------------------------------- ----- --- - - ----- ----- -------- ----- ----- ----- ------ ----- -------- -- - ----- - ---- - - ----- --- - -- ------ ----- --------- - ----- --------------------- ----- --------------- - ------------------------------------- --------- - --- ------------------ --------------------- ----------------------- -- -- ------ ----- -------- - ----- ----------------------- ------------ - ------------ -- ------ ----- ------ - --------------------------------------- -------------- - --------------------------- -- -------- ----- ------------------ - ----- ------- - -------------------- --- ------- -- -------- -- --------- - -- ----------- ----- -------- -- - ----- - ---------- - - ------------------ ----- -------- - ----- -------------------------------- ----- -------------- - ----------------------------------- ------------------------ - --------- -- -- ---------- - ---- ------------------------------- ----- -------- -- - -- ------- -- ----------------- - -------- - --- ---------------------- ----- ------------------------- - ---- -- ------------- - -------- - --- --------------------------- - ---- - ----------------- ---- --------- --------- - -- ------ ------------ ---展开代码
结论
truffle-box是一个非常有用的npm包，为以太坊DApp开发提供了很多便利。通过使用truffle-box，我们可以非常容易地获得一个以webpack为基础的DApp框架，并用它来构建我们的DApp。希望这篇文章对您有所帮助，让您更好地使用truffle-box。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/72543
