当前位置: 首页 > 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 的实用指南。

http://www.lryc.cn/news/435101.html

相关文章:

  • 机器学习之监督学习(四)决策树和随机森林
  • Sky Takeaway
  • JavaScript 模板字符串
  • 模拟new关键字时产生的问题,求解答!
  • SpringBoot2:请求处理原理分析-接口参数解析原理(argumentResolvers)
  • java实现文本相似度计算
  • 基于无人机边沿相关 ------- IBUS、SBUS协议和PPM信号
  • django学习入门系列之第十点《A 案例: 员工管理系统4》
  • 【2024】Math-Shepherd:无需人工注释即可逐步验证和强化法学硕士。
  • [苍穹外卖]-08微信支付详解
  • 教你五句在酒桌上和领导说的话语
  • 景联文科技:专业图像采集服务,助力智能图像分析
  • QT QTcpSocket作为客户端
  • 【系统架构设计师-2023年】综合知识-答案及详解
  • 树莓派3B点灯(1)-- 四种方法
  • Android解析XML格式数据
  • 数学建模笔记—— 灰色关联分析[GRA]
  • ICM20948 DMP代码详解(13)
  • 【论软件需求获取方法及其应用】
  • 使用ESP8266和OLED屏幕实现一个小型电脑性能监控
  • Nexpose v6.6.266 for Linux Windows - 漏洞扫描
  • ess6新特性
  • C语言蓝桥杯:语言基础
  • axure之变量
  • vue缓存用法
  • 栈入门,括号匹配问题
  • Vue入门学习笔记-表单
  • TCP通信三次握手、四次挥手
  • 【实施文档】软件项目实施方案(Doc原件2024实际项目)
  • BeanFactory vs. ApplicationContext