create web3 dapp下載 - create web3 dapp源代碼下載

create web3 dapp

Ai源碼

1.0.0

下載

創建Web3 Dapp

創建Web3-Dapp

您需要在4分鐘內創建Web3 Dapps所需的一切。

此軟件包包括啟動創建Web3 Dapp CLI構建器的全局命令。

請參閱此軟件包的文檔和以下鏈接以進行深入說明：

文檔 - 使用CW3D時需要知道的一切
github-查看廣泛的代碼示例或開始貢獻
網站 - 了解有關CW3D的更多信息，並將組件添加到您的項目中
模板 - 查看預先構建的項目模板
組件庫 - 通過組件直接向您的項目添加功能
示例 - 請參閱現實世界中實現的組件
社區 - 結識其他建築商，獲得支持並提供反饋！

？無需克隆：在您的終端中運行“ NPX create-web3-dapp@最新”即可開始

包括什麼？

您的環境將擁有您開始構建DAPP所需的一切：

支撐的連鎖店

使用Create-Web3-Dapp，您可以創建支持所有基於EVM的鏈的多鏈DAPP：

對非EVM鏈的支持位於路線圖中

什麼是create-web3-dapp？

Create-Web3-Dapp是NPX工具，可允許開發人員在〜4分鐘內創建Web3應用程序。

使用Create-Web3-Dapp創建的DAPP基於NextJS，並且與最常用的區塊鏈兼容，例如以太坊，多邊形，樂觀，仲裁和Solana 。 Create-Web3-Dapp允許Web3開發人員使用預製作的React組件，Webhooks和API構建以閃電速度構建可以生產的分散應用程序。

沒有復雜的配置或文件夾結構，只有您需要構建DAPP的文件。

哲學

一個依賴性：只有一個構建依賴性。它使用Webpack，Babel，Eslint和其他驚人的項目，但在其中提供了凝聚力的精選體驗。
無需配置：您不需要配置任何內容。為您處理開發和生產構建的合理配置，因此您可以專注於編寫代碼。
沒有鎖定：您可以隨時“彈出”到自定義設置。運行一個命令，所有配置和構建依賴項將直接移動到您的項目中，因此您可以在關閉的地方直接接收。

何時使用CW3D

Create Web3 Dapp非常適合：

在舒適且功能豐富的開發環境中學習Web3 。
啟動新的Web3應用程序
測試事物並嘗試對您的庫和組件進行反應。

用法

 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

選擇要在Web3應用程序中包含的依賴項，組件和合同。

然後，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組件。

智能合約背包-CLI智能合同創建者

創建Web3 Dapp不僅設置了區塊鏈開發環境，它在內置的智能合約背包中還允許直接從CLI創建完全起步的固體智能合約。

注意：僅當您安裝了區塊鏈開發環境時，這才能起作用

智能合約背包可以創建以下標準之一的審核智能合約，部署腳本和測試：

ERC721： NFT收集智能合約
ERC20：加密貨幣智能合約
ERC1155：可替代的智能合約

了解有關如何創建，構建和部署的更多信息，文檔中的智能合約背包。

Web3 React組件庫

創建Web3 DAPP允許開發人員在幾分鐘內製作其DAPP，這要歸功於完整的響應，生產準備，Web3 React組件的完整庫。

注意：這些組件在Create-Web3-Dapp項目中效果最好，但與任何NextJS項目都兼容。

使用以下鏈接學習如何在庫中實現組件：

文檔：每個組件的Brokendown指南
github：請參閱現實世界項目中實現的組件

示例實現：

在 /組件中創建nftcreator.jsx
在/樣式創建nftCreator.module.css
在 /pages/apicreatepinfiletoipfs.jspinjsontoipfs.js中
將下面的相應代碼複製到上面的每個創建文件中。
導入頁面頂部的NftCreator組件：

 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 >
	) ;
}

更多組件？檢查有關文檔的詳細說明。

DAPP模板庫

Create Web3 Dapp可讓您訪問Ready Ready，Web3應用程序庫，以啟動您的項目。 NFTS Explorer，還有更多即將到來。

這些模板可供開發人員按原樣使用，或者可以自定義以滿足其特定項目的需求。

注意：將依賴關係保持在最低限度，而代碼精益是我們的首要任務，這是為了授予模板，完整的可定制性。

使用以下鏈接學習如何使用模板庫來啟動DAPP ：

模板文檔
模板庫
Github（即將推出）

文件夾結構

基於區塊鏈開發環境的存在，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