1. 安装Node.js
安装Node.js教程参考地址:https://jingyan.baidu.com/article/fd8044faf2e8af5030137a64.html
检测是否安装完成:打开命令行操作;
C:\users\hubwiz>nocd -v
v8.10.0
2. 安装节点仿真器
在控制台命令下:
C:\users\hubwiz>npm install -g ganache-cli
安装完毕后,执行命令验证安装成功:
C:\users\hubwiz>ganache-cli
Ganache CLI v6.0.3 (ganache-core: 2.0.2)
3. 安装solidity编译器
C:\users\hubwiz>npm install -g solc
安装完毕后,执行命令验证安装完成
C:\users\hubwiz>solcjs -version
0.40.2+commit.3155dd80.Emscripten.clang
4. 安装web3
C:\users\hubwiz>npm install -g [email protected]
验证安装:
C:\users\hubwiz>node -p 'require("web3")'
{[Function:web3]
providers:{,,,}}
5. 安装truffle框架
执行下面命令安装truffle开发框架:
C:\users\hubwiz>npm install -g truffle
验证安装:
C:\users\hubwiz>truffle.cmd version
Truffle v4.1.3 (core 4.1.3)
6. 安装webpack
执行以下命令安装webpack:
C:\users\hubwiz>npm install -g [email protected]
验证安装
C:\users\hubwiz>webpack -v
3.11.0
7. 新建DApp项目
执行以下命令创建项目目录并进入该目录:
C:\Users\hubwiz> mkdir demo
C:\Users\hubwiz> cd demo
然后用 webpack 模版初始化项目骨架结构:
C:\Users\hubwiz\demo> truffle.cmd unbox webpack
Downloading…
Unpacking…
Setting up…
Unbox successful. Sweet!
8. 安装项目依赖的npm包
执行以下命令安装 npm 包:
C:\Users\hubwiz\demo> npm install
9. 修改truffle配置
在truffle.js 中,修改 port 为 8545,因为 ganache-cli 在 8545 端口监听:
module.exports = {
networks:{
development: {
port: 8545
}
}
}
10. 启动节点
执行以下命令启动节点仿真器,以便部署合约并执行交易:
C:\Users\hubwiz\demo> ganache-cli
然后另外开一个控制台窗口,执行后续步骤。
11. 编译合约
执行以下命令编译项目合约:
C:\Users\hubwiz\demo> truffle.cmd compile
12. 部署合约
执行以下命令来部署合约:C:\Users\hubwiz\demo> truffle.cmd migrate
13. 启动DApp
C:\Users\hubwiz\demo> npm run dev
在浏览器里访问 http://localhost:8080 即可
注:第一次写博客,有很多不足,希望能多多包涵。