ETH-Hot-Wallet 项目教程

ETH-Hot-Wallet 项目教程

eth-hot-wallet Ethereum wallet with erc20 support / web wallet - built using react, web3, eth-lightwallet 项目地址: https://gitcode.com/gh_mirrors/et/eth-hot-wallet

1. 项目的目录结构及介绍

eth-hot-wallet/
├── app/
│   ├── containers/
│   │   ├── Header/
│   │   │   ├── saga.js
│   │   │   └── ...
│   │   └── Homepage/
│   │       └── ...
│   ├── utils/
│   │   ├── contracts/
│   │   │   └── abi.js
│   │   └── ...
│   └── ...
├── config/
│   ├── webpack/
│   │   └── ...
│   └── ...
├── public/
│   └── ...
├── scripts/
│   └── ...
├── .gitignore
├── package.json
├── README.md
└── ...

目录结构介绍

• app/: 包含项目的核心代码，包括React组件、Redux状态管理、Saga异步处理等。
  • containers/: 包含主要的页面容器组件，如Header和Homepage。
    • Header/: 包含与网络相关的活动处理。
    • Homepage/: 包含与keystore相关的操作。
  • utils/: 包含工具函数和合约ABI等。
    • contracts/: 包含ERC20合约的ABI。
• config/: 包含项目的配置文件，如Webpack配置。
• public/: 包含静态资源文件。
• scripts/: 包含项目的脚本文件。
• .gitignore: Git忽略文件配置。
• package.json: 项目的依赖和脚本配置。
• README.md: 项目的介绍文档。

2. 项目的启动文件介绍

项目的启动文件主要是package.json中的scripts部分，通常包括以下几个命令：

{
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }
}

启动命令介绍

• start: 启动开发服务器，用于本地开发。
• build: 构建生产环境的代码。
• test: 运行测试用例。
• eject: 弹出React脚手架配置，允许用户自定义配置。

3. 项目的配置文件介绍

Webpack 配置

Webpack配置文件位于config/webpack/目录下，主要用于打包和优化项目代码。

package.json

package.json文件包含了项目的依赖、脚本命令和其他元数据。

.gitignore

.gitignore文件用于指定Git忽略的文件和目录，通常包括node_modules/、build/等。

README.md

README.md文件是项目的介绍文档，通常包含项目的概述、安装步骤、使用说明等。

---

以上是ETH-Hot-Wallet项目的基本教程，涵盖了项目的目录结构、启动文件和配置文件的介绍。希望对你有所帮助！

eth-hot-wallet Ethereum wallet with erc20 support / web wallet - built using react, web3, eth-lightwallet 项目地址: https://gitcode.com/gh_mirrors/et/eth-hot-wallet