create web3 dapp
1.0.0
您需要在4分钟内创建Web3 Dapps所需的一切。
此软件包包括启动创建Web3 Dapp CLI构建器的全局命令。
请参阅此软件包的文档和以下链接以进行深入说明：
？无需克隆：在您的终端中运行“ NPX create-web3-dapp@最新”即可开始
您的环境将拥有您开始构建DAPP所需的一切：
使用Create-Web3-Dapp，您可以创建支持所有基于EVM的链的多链DAPP：
对非EVM链的支持位于路线图中
Create-Web3-Dapp是NPX工具，可允许开发人员在〜4分钟内创建Web3应用程序。
使用Create-Web3-Dapp创建的DAPP基于NextJS，并且与最常用的区块链兼容，例如以太坊，多边形，乐观，仲裁和Solana 。 Create-Web3-Dapp允许Web3开发人员使用预制作的React组件，Webhooks和API构建以闪电速度构建可以生产的分散应用程序。
没有复杂的配置或文件夹结构，只有您需要构建DAPP的文件。
一个依赖性：只有一个构建依赖性。它使用Webpack，Babel，Eslint和其他惊人的项目，但在其中提供了凝聚力的精选体验。
无需配置：您不需要配置任何内容。为您处理开发和生产构建的合理配置，因此您可以专注于编写代码。
没有锁定：您可以随时“弹出”到自定义设置。运行一个命令，所有配置和构建依赖项将直接移动到您的项目中，因此您可以在关闭的地方直接接收。
Create Web3 Dapp非常适合：
npx create-web3-dapp@latest
如果您先前已通过npx create-web3-dapp create-web3-dapp在全球范围内安装了Create-Web3-Dapp，则CLI构建器将通知您是否已发布新版本。无论如何，我们建议您通过运行npx create-web3-dapp@latest版本使用最新版本运行。
（NPX带有NPM 5.2+及更高的npx，请参阅较旧的NPM版本的说明）
创建一个新应用：
npx create-web3-dapp@latest然后，Create Web3 Dapp将创建一个包含文件的目录，以启动您的项目并安装您需要的安装依赖项
npx create-web3-dapp@latest
cd my-create-web3-dapp
npm run dev如果您安装了区块链开发环境，请在运行NPM Run Dev之前导航到前端文件夹。
现在在http：// localhost上导航：3000/查看您的DAPP。
接下来，了解如何从Create-Web3-Dapp库中添加Web3 Ready组件。
创建Web3 Dapp不仅设置了区块链开发环境，它在内置的智能合约背包中还允许直接从CLI创建完全起步的固体智能合约。
注意：仅当您安装了区块链开发环境时，这才能起作用
智能合约背包可以创建以下标准之一的审核智能合约，部署脚本和测试：
了解有关如何创建，构建和部署的更多信息，文档中的智能合约背包。
创建Web3 DAPP允许开发人员在几分钟内制作其DAPP，这要归功于完整的响应，生产准备，Web3 React组件的完整库。
注意：这些组件在Create-Web3-Dapp项目中效果最好，但与任何NextJS项目都兼容。
使用以下链接学习如何在库中实现组件：
import styles from "../styles/Home.module.css" ;
import NftCreator from "../components/nft-creator" ;
import contract from "../abis/smartContractAbi.json" ;
export default function Home ( ) {
return (
< div >
< main className = { styles . main } >
< NftCreator
abi = { contract . abi }
contractAddress = {
"0x9FaCAf075Cda7C0947DA0F0B4164332e01422E97"
}
/>
</ main >
</ div >
) ;
}更多组件？检查有关文档的详细说明。
Create Web3 Dapp可让您访问Ready Ready，Web3应用程序库，以启动您的项目。 NFTS Explorer，还有更多即将到来。
这些模板可供开发人员按原样使用，或者可以自定义以满足其特定项目的需求。
注意：将依赖关系保持在最低限度，而代码精益是我们的首要任务，这是为了授予模板，完整的可定制性。
使用以下链接学习如何使用模板库来启动DAPP ：
基于区块链开发环境的存在，Create-Web3-Dapp具有两个文件夹结构。
?Root
┣ components
┃ ┣ navigation
┃ ┃ ┗ navbar.jsx
┃ ┗ InstructionsComponent.jsx
┣ layout
┃ ┗ mainLayout.jsx
┣ pages
┃ ┣ api
┃ ┣ _app.js
┃ ┗ index.jsx
┣ public
┃ ┗ alchemy_logo.svg
┣ styles
┃ ┣ Home.module.css
┃ ┣ Navbar.module.css
┃ ┣ InstructionsComponent.module.css
┃ ┗ globals.css
┣ .env.local
┣ .gitignore
┣ next.config.js
┣ package-lock.json
┗ package.json
?Root
┣ .vscode
┃ ┗ settings.json
┣ backend
┃ ┣ contracts
┃ ┃ ┗ MyContract.sol
┃ ┣ scripts
┃ ┃ ┗ MyContract_deploy.js
┃ ┣ test
┃ ┃ ┗ Lock.js
┃ ┣ .env.local
┃ ┣ hardhat.config.js
┃ ┣ package-lock.json
┃ ┗ package.json
┣ frontend
┃┣ components
┃ ┃┣ navigation
┃ ┃ ┗ navbar.jsx
┃ ┃┗ InstructionsComponent.jsx
┃┣ layout
┃┃ ┗ mainLayout.jsx
┃┣ pages
┃┃ ┣ api
┃┃ ┣ _app.js
┃┃ ┗ index.jsx
┃┣ public
┃┃ ┗ alchemy_logo.svg
┃┣ styles
┃┃ ┣ Home.module.css
┃┃ ┣ Navbar.module.css
┃┃ ┣ InstructionsComponent.module.css
┃┃ ┗ globals.css
┃┣ .env.local
┃┣ .gitignore
┃┣ next.config.js
┃ ┣ package-lock.json
┃ ┗ package.json
┣ .DS_Store
┣ .env.local
┣ .gitignore
┣ LICENSE
┗ README.md
我们很想帮助您掌握create-web3-dapp ！有关我们要寻找的内容以及如何入门的更多信息，请参见贡献。
Create Web3 Dapp是一个社区维护的项目，所有贡献者都是志愿者。如果您想支持Create React应用程序的未来开发，请考虑向我们的公开集体捐款。
由于所有贡献的人，该项目的存在。
Create React应用程序是开源软件许可为GNU-AGPL的。
