当前位置: 首页 > news >正文

解锁Web3.0——Scaffold-eth打造以太坊DApp的终极指南

🚀本系列文章为个人学习笔记,目的是巩固知识并记录我的学习过程及理解。文笔和排版可能拙劣,望见谅。

目录

前言

一、快速部署

1、前期准备:

2、安装项目:

​ 二、配置部署运行环境

1、初始化本地链:

2、编译部署你的合约🛰: 

三、启动项目:

总结 

前言

Scaffold-eth 是搭建以太坊上 dApp 的模板(Template),也是 dApp 优秀作品的集合,让开发人员可以大大提升开发效率,降低踩坑几率,是 web3.0 dApp 开发者的「入门神器」。

项目git官网地址:Scaffold-ETH

它提供了一套完整的工具和模板,使得开发者可以迅速开始在以太坊上进行智能合约的开发和前端界面的构建。Scaffold-ETH 特别注重快速的产品迭代,让开发者可以轻松实验和部署智能合约。

Scaffold-ETH 的主要特点包括:

  • 快速开始:提供了一系列的命令和步骤,让开发者可以迅速设置开发环境并开始编码。
  • 智能合约与前端的快速适配:前端界面会根据智能合约的更改自动更新,这大大加快了开发过程。
  • 集成了多种钱包提供商:方便开发者连接不同的钱包并与之交互。
  • 提供了一系列预构建的组件:这些组件可以加速和简化dApp的开发。

此外,Scaffold-ETH 2 是该工具包的最新版本,它提供了更多的功能和改进。它使用了 NextJS、RainbowKit、Hardhat、Foundry、Wagmi 和 TypeScript 等技术栈。Scaffold-ETH 2 还提供了一些自定义的 Wagmi 钩子和工具,这些钩子简化了与部署的智能合约的交互。

一、快速部署

1、前期准备:

Node (v18 LTS) 加上 Yarn (v1.x) 和 Git

2、安装项目:

先从git上拉取项目源代码

git clone https://github.com/scaffold-eth/scaffold-eth.git

进入项目目录

cd scaffold-eth-2

安装依赖

yarn install

 

 如果下载依赖比较慢,可以换淘宝镜像:

yarn config set registry "https://registry.npm.taobao.org"

 二、配置部署运行环境

1、初始化本地链:

在当前这个命令行面板里,启动 👷‍ Hardhat chain:

yarn chain

2、编译部署你的合约🛰: 

新开一个终端输入:

yarn deploy

 ​​​​​​

三、启动项目:

新开第三个终端窗口中,启动你的 📱 前端:

cd scaffold-eth-2
yarn start

 

打开浏览器输入地址:

http://localhost:3000/

即可进入这个Dapp的页面:

总结 

这篇博客详细介绍了如何使用 Scaffold-eth,一个旨在加速以太坊 dApp 开发的模板和工具集合。它强调了 Scaffold-eth 的快速开发环境设置、智能合约与前端的无缝集成、以及对多钱包支持的能力。博客还指导了如何通过简单的命令行操作来克隆、安装、部署项目,并启动本地开发服务器。此外,提到了如何通过切换到淘宝 NPM 镜像来解决依赖下载缓慢的问题。总的来说,这篇博客为读者提供了一个关于如何利用 Scaffold-eth 高效构建和测试 dApp 的实用指南。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 散户怎么在大A炒股挣钱?
  • JAVA基础:抽象类,接口,instanceof,类关系,克隆
  • APSME 2025 亚洲国际功率半导体、材料及装备技术展览会
  • Netty中用到了哪些设计模式
  • 【数据结构】详解二叉搜索树及其实现
  • TOP 100 AI应用,字节跳动独占6个!
  • 分类预测|基于雪消融优化BP神经网络的数据分类预测Matlab程序SAO-BP 多特征输入多类别输出 含基础程序
  • 1. 初识LLM API:环境配置与多轮对话演示
  • springboot进出校园门禁管理系统---附源码79219
  • 速通GPT:Improving Language Understanding by Generative Pre-Training全文解读
  • 每日搜索论坛回顾:2024年9月11日
  • 机器学习和深度学习区别
  • linux 脱机
  • 同时播放多个视频
  • 循环语句(C语言)
  • 【干货分享】SpringCloud微服务架构分布式组件如何共享session对象
  • Debian下无root权限使用Python访问Oracle
  • Druid 在有赞的实践
  • ECMAScript 6 学习之路 ( 四 ) String 字符串扩展
  • es6要点
  • Essential Studio for ASP.NET Web Forms 2017 v2,新增自定义树形网格工具栏
  • Java 9 被无情抛弃,Java 8 直接升级到 Java 10!!
  • MQ框架的比较
  • opencv python Meanshift 和 Camshift
  • SpringBoot 实战 (三) | 配置文件详解
  • 初识 beanstalkd
  • 第三十一到第三十三天:我是精明的小卖家(一)
  • 分享一个自己写的基于canvas的原生js图片爆炸插件
  • 缓存与缓冲
  • 离散点最小(凸)包围边界查找
  • 区块链分支循环
  • 王永庆:技术创新改变教育未来
  • 应用生命周期终极 DevOps 工具包
  • 在Mac OS X上安装 Ruby运行环境
  • 微龛半导体获数千万Pre-A轮融资,投资方为国中创投 ...
  • ​人工智能之父图灵诞辰纪念日,一起来看最受读者欢迎的AI技术好书
  • !!java web学习笔记(一到五)
  • # 安徽锐锋科技IDMS系统简介
  • #Datawhale AI夏令营第4期#AIGC文生图方向复盘
  • $.proxy和$.extend
  • (01)ORB-SLAM2源码无死角解析-(56) 闭环线程→计算Sim3:理论推导(1)求解s,t
  • (04)Hive的相关概念——order by 、sort by、distribute by 、cluster by
  • (17)Hive ——MR任务的map与reduce个数由什么决定?
  • (1综述)从零开始的嵌入式图像图像处理(PI+QT+OpenCV)实战演练
  • (done) 两个矩阵 “相似” 是什么意思?
  • (env: Windows,mp,1.06.2308310; lib: 3.2.4) uniapp微信小程序
  • (分布式缓存)Redis持久化
  • (免费领源码)Java#Springboot#mysql农产品销售管理系统47627-计算机毕业设计项目选题推荐
  • (十三)Maven插件解析运行机制
  • (四)Controller接口控制器详解(三)
  • *p++,*(p++),*++p,(*p)++区别?
  • ... fatal error LINK1120:1个无法解析的外部命令 的解决办法
  • .MyFile@waifu.club.wis.mkp勒索病毒数据怎么处理|数据解密恢复
  • .Net Framework 4.x 程序到底运行在哪个 CLR 版本之上
  • .Net MVC4 上传大文件,并保存表单