从 scaffold-eth 开启 Web3 开发之旅 - 开篇

• 原文：https://stermi.medium.com/how-to-write-your-first-decentralized-app-scaffold-eth-challenge-1-staking-dapp-b0b6a6f4d242
• 译文出自：登链翻译计划
• 译者：翻译小组
• 校对：Tiny 熊
• 本文永久链接：learnblockchain.cn/article…

当你刚开始处理 web3 元数据时，也许会感到不知所措，至少我第一次是这样的感觉。我是那种做不了 YOLO 开发的人，我需要知道我正在做什么，正在用什么，以及如何构建有意义的东西，即使这只是POC（proof of concept）。

YOLO（You only live once）意思是不求甚解

但在这种情况下，经验是很重要的，你不可能从一开始就学会所有的东西，否则你会很受伤。Scaffold-eth是一个完美的开始，它背后有一个经验丰富的社区（Telegram Group），它有一个预先配置好的工作空间，有你需要的一切：

• 前端
• 智能合约
• 大量的现实的使用场景

这是你需要开始进行区块链编程和学习构建项目时的完美工具箱。

TLDR：

Scaffold-eth 为以太坊上的快速原型开发提供了一个现成的开发技术栈，使开发人员能够获得最先进的工具，以快速学习和交付基于以太坊的 dApp。

scaffold-eth 使用哪个技术栈？

目前，下面是它所使用的技术堆栈：

• Hardhat：一个开源项目，允许你运行本地网络，部署和测试智能合约；
• React: 用于构建前端，使用许多有用的预制组件和挂钩；
• Ant: 用于用户界面；
• Surge:用于发布应用程序。

一些有用的链接：

• scaffold-eth 源码
• scaffoldeth 文档
• Telegram Group
• Discord 小组（Buidl Guidl）

专栏的最终目标是什么？

我是一个喜欢学习新技术的人，我喜欢创造内容，为社区作出贡献，并分享我的旅程和知识。

考虑到这一点，在这一旅程结束时，我希望能实现这些目标。

• 掌握 scaffold-eth 创建项目并在 main-net 上部署
• 学习我需要知道的关于 Solidity、ethersjs、hardhat 和 web3 开发的所有知识。
• 在 scaffold-eth 中增加对 TypeScript 的支持（在 react 前端和 solidity/hardhat 中都有TypeChain）。
• 前端部分从 React 切换到 NextJs
• 增加支持将 react/nextjs 应用程序部署到 Vercel
• 使用TailwindCSS创建一个 scaffold-eth-ui 工具包
• 创建博客文章/视频，记录这一历程
• 在学习区块链概念时进行头脑风暴

它是一个很大的工作吗？是的! 但是，要不就大干一场，要不就回家，对吗？

本翻译由 CellETF 赞助支持。