Truffle 配置本地 ETH 系合約開發環境

Victor發表於2022-11-23
開發環境

概述

這篇文章會教你如何用 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 的世界！

相關文章