什么是truffle-box
truffle-box是一个npm包，它是Truffle框架的一个集合，提供在开发以太坊DApps时用到的各种工具，包含了很多简单易用的代码模板和示例，如Box中的Pet Shop、MetaCoin、webpack等，基本涵盖了各种用到的库、框架和工具。
如何使用truffle-box
使用truffle-box非常简单。具体步骤如下：
步骤1：创建一个空文件夹，并初始化npm目录
打开控制台，创建一个空文件夹，并在其中初始化npm目录。
----- ------ -- ------ --- ----
步骤2：安装和初始化truffle-box
在控制台中输入以下命令，来安装和初始化truffle-box。truffle-init-webpack是一个以webpack为基础的DApp框架，我们在这里选择重新尝试这个经典的框架。
--- ------- -- ------- ------- ----- -------
步骤3：测试truffle-box
在控制台中输入以下命令，启动DApp。
--- --- ---
打开浏览器，访问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