Use vue-seuqnce in your own project

First let's create a directory, initialize npm, and install webpack locally:

mkdir vue-sequence-demo && cd vue-sequence-demo
npm init -y
npm install --save-dev webpack
npm install --save-dev webpack-dev-server
npm install --save vue-sequence

Now we'll create the following directory structure and contents:

project

  vue-sequence-demo
  |- package.json
  |- webpack.config.js
  |- index.html
  |- index.js

index.js

import Vue from 'vue'
import 'vue-sequence/dist/main.css'
import VueSequence from 'vue-sequence'

Vue.component('seq-diagram', VueSequence.SeqDiagram)
window.Vue = Vue

index.html

webpack.config.js

package.json

Now, let's run the application:

PreviousMy Awesome APINextActor in sequence diagram

Last updated