1. 选择你最喜欢的编辑器。

    1. 目前最受欢迎的AI代码编辑器之一是Cursor。如果你是学生,可以免费使用Cursor一年。Cursor本质上是一个内置了AI功能的VSCode分支版本,但如果你仍然更青睐VSCode,它同样提供丰富的学生优惠套餐,详情请点击此处查看。此外还有Windsurf,但其流行度不及Cursor和VSCode。该工具近期已被OpenAI收购,欢迎通过此链接试用。
    2. 本指南将推荐使用内置了Cursor规则文件的Scaffold-ETH
    3. 无论选择哪个模型,请务必使用Claude 3.5或3.7版本以获得最佳效果。其他模型表现也不错,但与Claude相比仍稍逊一筹。
  2. 确保你的电脑已安装好 gitnodeyarn

  3. 执行 npx create-eth@latest 命令,将最新的 Scaffold-ETH 框架下载到本地。Scaffold-ETH 是一款免费的 EVM 开发工具包,前端集成 NextJSTailwindDaisyUIRainbowKitWagmi/Viem,智能合约端支持 Hardhat/Foundry(可自由选择)。建议根据自身技术栈选择熟悉的工具链。

    1. 浏览项目结构以了解整体情况。若选择Hardhat框架,您将得到如下结构。而此处展示的是Foundry框架版本。两者均采用NextJS作为前端框架。
    2. 阅读自述文件并浏览文档
    3. 通过运行 yarn chain 启动您的本地区块链节点。
    4. 通过运行 yarn deploy 将您的合约部署到本地节点。
    5. 通过运行 yarn start 启动前端。访问 http://localhost:3000/ 即可进入前端界面。
    6. 开始对你的dApp进行修改,并观察前端如何随之变化。
  4. 开始助记词工程。

    1. 使用清晰的助记词。

    2. 一问一Tab。同一聊天中请勿偏离主题。

    3. 以下是使用Cursor与Scaffold-ETH时您可能看到的内容概览

    4. 如果与模型对话超过10条消息后想法仍不可行,就停止对话,这方法行不通。尝试其他方案或手动处理。

      image.png

  5. 差不多就是这样!当你完成修改后,准备通过运行 yarn deploy --network monad_testnet 将你的 dApp 部署到 Monad 测试网。

    1. 在进行验证前,请确保您的Foundry版本为1.0.0,因为Sourcify验证在Foundry 1.1.0版本中将无法使用。
    2. Scaffold-ETH 2的hardhatfoundry版本的部署与验证命令相同。
    3. 部署合同后,运行 yarn verify --network monad_testnet 进行验证。
  6. 既然您的合约已在Monad测试网上线并通过Blockvision验证,现在需要部署前端应用了!

    1. 运行 yarn vercel 命令,启动前端。
    2. 你可能需要登录Vercel或创建一个Vercel账户(如果是首次使用)。
    3. 在初次部署后,您应运行 yarn vercel —-prod 以直接部署到生产环境。
  7. 不断迭代!

    1. 切勿忘记,一次对话对应一个功能。不要在单次对话中处理所有事项。
    2. 如果大语言模型(LLM)在超过5到10次的尝试后仍无法正确完成某项任务,那么它在短期内很可能也无法做到。
    3. 如果你是学生,别忘了领取免费一年的 Cursor 使用权!

其他内容

  1. 创建视觉效果
    1. 先试试 ChatGPT
    2. 尝试用Claude Code
    3. 如果ChatGPT不够用,试试这些 https://x.com/kvncnls/status/1899474210042355780
  2. 创建网站用户界面
    1. https://x.com/stitchbygoogle/status/1924947794034622614
    2. https://x.com/lovable_dev
    3. https://x.com/v0