# truffle-vue-box

**Repository Path**: hkduan/truffle-vue-box

## Basic Information

- **Project Name**: truffle-vue-box
- **Description**: 基于truffle文档的truffle-boxes的webpack盒子，本人做了修改，做成vue的使用案例盒子
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2022-02-17
- **Last Updated**: 2022-02-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-box

#### 介绍

基于truffle文档的truffle-boxes的webpack盒子，本人做了修改，做成vue的使用案例盒子。

注意：
不要使用Ganache，会出现莫名其妙的错误。

#### 环境声明：

1. 需要有truffle环境，已安装的可以忽略
2. npm -g install truffle
3. npm install -g ethereumjs-testrpc

#### 软件架构
软件架构说明
truffle 
webpack
vue

#### 安装教程

1.  cd vuebox
2. npm install

#### 使用说明
首先保证在vue-box目录下
1.  truffle devlop
2.  compile
3.  migrate
4.  cd vuebox
5.  npm run serve


#### 常见问题：

---
如果刚打开，点击交易按钮，报错promise..之类，刷新浏览器即可。
---
如果确定交易后， MetaMask报错，什么nonce之类的，点击MetaMask的账号设置，高级，重设账户。
---

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技
1.  如果仅负责前端，想要通过web3来调用合约方法，参考 [https://www.npmjs.com/package/web3-init](https://www.npmjs.com/package/web3-init)
2.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
3.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
4.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
5.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
6.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
7.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)