安装DAPP环境

安装node.js

下载地址（64位）：https://nodejs.org/dist/v8.10.0/node-v8.10.0-x64.msinode

查看安装成功。webpack

node -v

ganache-cli 安装

ganache-cli 是以太坊节点仿真器软件ganache的命令行版本，能够方便开发者快速进行DAPP开发与测试。web

安装命令：npm

npm install –g ganache-cli

查看安装成功：浏览器

ganache-cli

安装 solidity 编译器

安装命令：框架

npm install –g solc

查看安装成功：测试

solcjs –version

安装 web3 

安装命令以及查看安装成功：ui

npm install –g web3@0.20.2

node –p 'require("web3")'

安装 truffle 框架 

npm install –g truffle

truffle.cmd version

安装 webpack 

npm install –g webpack@3.11.0

webpack –v

构建实例项目

新建 DApp 项目 

执行如下命令建立项目目录并进入该目录： 命令行

mkdir demo 
cd demo

而后用 webpack 模版初始化项目骨架结构： 3d

truffle.cmd unbox webpack

安装NPM包：

npm install

修改 truffle 配置 

truffle.js 中，修改 port 为 8545，由于 ganache-cli 在 8545 端口监听

module.exports = { 
  networks:{ 
development: { 
  port: 8545 
} 
} 
}

启动节点 

执行如下命令启动节点仿真器，以便部署合约并执行交易： 

ganache-cli

编译合约 

另外开一个控制台窗口

truffle.cmd compile

部署合约

truffle.cmd migrate

启动 DApp 

npm run dev

在浏览器里访问 http://www.noobyard.com/tag/http://localhost:8080 便可 以下图所示：