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

概述

這篇文章會教你如何用 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安裝
   

開發

一、建立專案

1. 命令列建立

truffle unbox metacoin

2. VSCode 使用 Truffle 擴充套件建立

• Step 1
  
• Step 2
  從選項中選擇要建立的型別

二、編輯程式碼

這部分就按照自己的業務實現去編輯程式碼。

三、編譯合約

開啟VsCode上的Truffle外掛

把滑鼠移動到合約那一欄，就會出現編譯和釋出的按鈕

點選按鈕就可以編譯了

四、部署合約

1. 部署合約這裡我們就需要用到Ganache了，執行客戶端
   
   執行起來之後的介面如下
   
   這裡會預設給你建立十個地址，每個地址上有 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中看到你的合約建立的交易。
   

我是 Victor，Web3愛好者！希望幫助更多人進入 Web3 的世界！