ArcBlock/ocap-vue-starter

Vue starter projects with OCAP JS SDK integrated

ocap-vue-starter

OCAP DApp starter template with @arcblock/ocap-js integrated, bootstrapped using @vue/cli.

中文版文档请猛击 README.cn.md

Usage

1. Use as vue-cli preset

Make sure you have vue-cli installed.

vue create --preset ArcBlock/ocap-vue-starter my-ocap-dapp

2. Use as starter template

git clone https://github.com/ArcBlock/ocap-vue-starter.git
cd ocap-vue-starter
yarn
yarn serve

If you are from China, use a mirror npm registry maybe better: yarn --registry=https://registry.npm.taobao.org

OCAP SDK Usage Example

• SDK Initialize：src/libs/ocap.js
• Query Demo：src/views/Query.vue
• Subscription Demo：src/views/Subscription.vue

OCAP SDK Documentation

• SDK Homepage
• SDK API Specification
• Bitcoin API and Response Formats
• Ethereum API and Response Formats

Other OCAP Tools

• OCAP Playground
• OCAP Playbook

Other Libraries Included

• vue-router
• semantic-ui-vue
• semantic-ui-css

Deployment

We recommend deploying your project to now.sh:

1. create an account at https://zeit.co/
2. install zeit cli: npm install -g now
3. login through zeit-cli, now login
4. change your domain alias in deploy.sh
5. run npm run deploy

Congratulations, your project is online.

Important NOTE

The template folder just duplicate some files and folders in the root folder, you should not change any files in this folder by hand, the recommended way to update template folder is to run npm run prepublish command.