truffle是的最流行的以太坊DApp開發框架，它的一大優勢就是支援眾多的DApp開發模板，這些開發模板被稱為box，其中可以包含solidity合約、前端檢視庫等，可以極大地簡化以太坊DApp的開發。本文將介紹truffle官方提供的各種box。

要快速掌握以太坊應用開發，推薦這個教程：以太坊智慧合約與DApp開發入門

在安裝各種box之前，需要首先全域性安裝truffle和ganache-cli模擬器：

~$ npm install -g truffle
~$ npm install -g ganache-cli

drizzle box

drizzle開發模板包含了在react應用中使用Drizzle訪問以太坊智慧合約的所有依賴。它包含drizzle、drizzle-react和drizzle-react-components。

安裝drizzle模板很簡單，進入一個空的專案目錄，執行如下命令即可：

~/drizzle-app$ truffle unbox drizzle

Drizzle是truffle提供的用於訪問以太坊智慧合約的react庫，如果你不希望在react應用中引入額外的依賴，可以使用下面的react開發模板。

react box

react開發模板包含了在react應用中訪問以太坊智慧合約的所有依賴。不同於drizzle，這個react模板不需要使用Drizzle。

安裝react模板很簡單，進入一個空的專案目錄，執行如下命令即可：

~/react-app$ truffle unbox react
 

react-auth box

如果你的react應用需要鑑權功能，react-auth開發模板會更適合，它除了Webpack和React之外，還包含了react-router、redux和redux-auth-wrapper，可以方便地實現基於智慧合約的身份驗證。

與之前類似的方法安裝react-atuh開發模板：

~/react-auth-app$ truffle unbox react-auth

tutorialtoken box

tutorialtoken開發模板包含了一個完整的ERC20代幣實現專案，基於Open Zepplin的智慧合約庫實現。

與之前類似的方法安裝tutorialtoken開發模板：

~/tutorialtoken-app$ truffle unbox tutorialtoken

react-uport box

react-uport開發模板除了包含Webpack和React，補充了以下內容：react-router、redux和基於UPort的redux-auth-wrapper，是上手UPort的最簡單方式。

與之前類似的方法安裝react-uport開發模板：

~/react-uport-app$ truffle unbox react-uport

pet-shop box

pet-shap開發模板提供了一個寵物商店DApp的完整專案程式碼。

與之前類似的方法安裝pet-shopt開發模板：

~/pet-shop-app$ truffle unbox pet-shop

blueprint box

blueprint開發模板是一個特殊的模板，用於開發你自己的模板。

metacoin box

metacoin開發模板包含了一個簡單的以太坊代幣實現。

與之前類似的方法安裝metacoin開發模板：

~/metcoin-app$ truffle unbox metacoin

webpack box

webpack開發模板適用於使用Webpack的前端專案，包含合約、遷移、測試、使用者介面和webpack構建流水線。

與之前類似的方法安裝webpack開發模板：

~/webpack-app$ truffle unbox webpack

endless-nameless-inc/cheshire

cheshire開發模板支援快速的加密貓（CryptoKitties）開發，它包含了加密貓智慧合約和web api的本地實現。

cheshire的特性如下：

• 執行加密貓智慧合約的以太坊測試網
• 執行加密貓 web api的最小實現http服務：
  • /kitties
  • /kitties/:id
  • /user/:address
• 簡單的nodejs框架用來啟動應用

與之前類似的方法安裝cheshire開發模板：

~/cheshire-app$ truffle unbox endless-nameless-inc/cheshire

DOkwufulueze/eth-vue

eth-vue開發模板適合使用vue框架進行dapp開發的使用者。

與之前類似的方法安裝eth-vue開發模板：

~/eth-vue-app$ truffle unbox DOkwufulueze/eth-vue