區塊鏈教學：以太坊 Dapps 事前準備－如何在 Windows 作業系統上設定好開發環境？

這是之前寫的技術文，因為當時是用英文寫的，請容許我就不翻譯了 XD

如果真的看不懂英文，可以下載 Chrome 的 Google 翻譯外掛，會有助於理解。

本篇目的是讓 Windows 作業系統的使用者，能夠先設定好以太坊 Dapps 的開發環境，以利後續的開發部署。

文章目錄

Introduction

If you’re thinking of developing decentralized applications on blockchain, the Ethereum Dapps are a good starting.

In this article, I will illustrate the steps you need to follow to setup your Ethereum Dapps development environment for Windows OS with necessary dependencies before developing your first Dapps.

My OS is Windows10(x64) for the following environment construction.

Step 1. Install node.js and npm

npm (i.e., Node Package Manager) is a package manager for JavaScript, and it is the default package manager for Node.js (a JavaScript runtime environment).

Since that you need to install the necessary dependencies and environments of Ethereum Dapps through npm, the first step is to install node.js.

以太坊 Dapps 事前準備，設定 Windows 開發環境。Download here(and follow the installation instructions) — Download here(and follow the installation instructions): https://nodejs.org/en/

If you have it installed, open the terminal (command prompt) and type command:

>> npm  // the command used to install in the following steps

The successful installation looks like this:

以太坊 Dapps 事前準備，設定 Windows 開發環境。Checking npm installation — Checking npm installation

Step 2. Install Ganache

Ganache will simulate a local blockchain nodes environment on your device for building such Ethereum applications. It will give you 10 free accounts by default, and each account has 100 fake ethers for testing/deploying purposes.

There are two version for Ganache:

GUI version (recommend)
CLI verision

For a beginner, I recommend to install Ganache-GUI version for easy and friendly interface. You can install it from here:

https://www.trufflesuite.com/ganache

If you have already been a developer, you can use CLI version for quick development. The Ganache-CLI installation commands are showed below:

>> npm install -g ganache-cli   //install ganache-cli

以太坊 Dapps 事前準備，設定 Windows 開發環境。Install ganache-cli — Install ganache-cli

For testing whether Ganache-CLI is installed successful or not, you can type commands below, and the system should return such version inforamtion:

>> ganache-cli --version   // checking ganache installationGanache CLI v6.1.6 (ganache-core: 2.1.5)

以太坊 Dapps 事前準備，設定 Windows 開發環境。Check ganache-cli installation — Check ganache-cli installation

Step 3. Install Solidity Compiler

Solidity is the core programming language for developing Ethereum Dapps.

Before using a programming language, you should install it’s compiler first:

>>  npm install -g solc

以太坊 Dapps 事前準備，設定 Windows 開發環境。Install Solidity Compiler — Install Solidity Compiler

>>  solcjs --version (驗證是否安裝成功)

Check Solidity installation

Step 4. Install Truffle

Truffle is the core development environment and testing framework for building Ethereum Dapps easily.

It’s tools that asset pipeline for blockchains using the Ethereum Virtual Machine (EVM), and aims to make life as a developer easier, especially for smart contracts manipulation.

Use the commands in the prompt for installing Truffle:

>>  npm install -g truffle // install Truffle
>>  truffle version        // Check Truffle installation

以太坊 Dapps 事前準備，設定 Windows 開發環境。Install Truffle — Install Truffle

Step 5. Install web3

>> npm install -g web3

以太坊 Dapps 事前準備，設定 Windows 開發環境。Install web3 — Install web3

>> node -p 'require("web3")'

以太坊 Dapps 事前準備，設定 Windows 開發環境。Check web3 installation — Check web3 installation

Step 6. Install webpack

>>  npm install -g webpack     // install webpack
>>  webpack -v                 // check webpack installation
>>  npm install -g webpack-cli // install webpack-cli