概述

这篇文章会教你如何用 VSCode+Truffle+Ganache 配置本地 ETH 系的开发环境。

  • VSCode: 开发 IDE
  • Truffle: ETH 系合约开发 SDK
  • Ganache: 本地开发链
    整体的开发流程就是使用VSCode编辑代码,然后用Truffle编译并部署到Ganache本地开发链进行调试。

安装环境

  1. 安装 VSCode
    VsCode 官网https://code.visualstudio.com/下载并安装
  2. 安装 Truffle

    npm install -g truffle

    通过命令

    truffle version

    查看truffle的版本,正常打印则安装成功。npm工具如果不会安装的话私信或自行查找方法,后续会出 Mac 上安装的文章。

  3. 安装 Ganache
    Ganache 官网https://trufflesuite.com/ganache/下载并安装
  4. 安装 Truffle 插件
    在 VSCode 的 Extension 模块搜索Truffle安装
    20221114181522

开发

一、创建项目

  1. 命令行创建
truffle unbox metacoin
  1. VSCode 使用 Truffle 扩展创建
  • Step 1
    20221114181937
  • Step 2
    从选项中选择要创建的类型

二、编辑代码

这部分就按照自己的业务实现去编辑代码。

三、编译合约

打开VsCode上的Truffle插件
20221114182750
把鼠标移动到合约那一栏,就会出现编译和发布的按钮
20221114182858
点击按钮就可以编译了

四、部署合约

  1. 部署合约这里我们就需要用到Ganache了,运行客户端
    20221114183331
    运行起来之后的界面如下
    20221114183416
    这里会默认给你创建十个地址,每个地址上有 100 个 ETH
  2. 修改truffle-config.js配置网络
    networks下添加如下代码:

    development: {
        host: "127.0.0.1",
        port: 7545,
        network_id: "5777",
    },

    这里的配置要跟你Ganache上显示的一样,默认配置如上。
    完整的truffle-config.js文件如下

    module.exports = {
        networks: {
            development: {
                host: "127.0.0.1",
                port: 7545,
                network_id: "5777",
            }
        },
        compilers: {
            solc: {
                version: "0.8.13",
            },
        }
    };
  3. 发布
    命令行运行

    truffle deploy

    将会调用你的migrations目录下的发布脚本,发布到上面配置的网络中,发布完成后,就可以在Ganache中看到你的合约创建的交易。
    20221114184502

我是 Victor,Web3爱好者!希望帮助更多人进入 Web3 的世界!


Victor
1 声望2 粉丝

Web3爱好者,希望把更多的人带入Web3的世界!