「truffle unbox drizzle」を実行すると、スマートコントラクトを開発するための truffle プロジェクト、フロントエンドを開発するための drizzle(+React) の雛形を生成することができます。雛形は既に動作しますので、そこに変更を加えることで、独自の DApps を開発していきます。(もちろん手動で各種ファイルを作成していく方法も可能です。)

Windows の場合、以下作業が必要な場合があります。

node.jsのエラー解決方法

> mkdir drizzle_project
> cd drizzle_project
> truffle unbox drizzle

生成された「truffle-config.js」は古い形式であるため、「develop:」を「development:」に修正します。 また、使用する ethereum ブロックチェーンによって host と port も変更します。

const path = require("path");
 
module.exports = {
  // See <http://truffleframework.com/docs/advanced/configuration>
  // to customize your Truffle configuration!
  contracts_build_directory: path.join(__dirname, "app/src/contracts"),
  networks: {
    development: { // default with truffle unbox is 7545, but we can use develop to test changes, ex. truffle migrate --network develop
      host: "127.0.0.1",
      port: 8545,
      network_id: "*"
    }
  }
};