Vue Tour screenshot

Vue Tour

Author Avatar Theme by Pulsardev
Updated: 22 Apr 2021
2432 Stars

Vue Tour is a lightweight, simple and customizable guided tour plugin for use with Vue.js. It provides a quick and easy way to guide your users through your application.

Categories

Overview

Vue TourCircleCI is a lightweight, simple, and customizable tour plugin designed for use with Vue.js. It offers a quick and convenient way to provide guided tours for users within your application.

Features

  • Lightweight: Vue TourCircleCI is designed to be lightweight, ensuring it does not add unnecessary bloat to your application.
  • Simple Integration: Easily integrate Vue TourCircleCI into your Vue.js application by following simple steps.
  • Customizable: Customize the tour plugin according to your application’s specific requirements.
  • UI Setup Before Step: Include a “before” function in each step for UI setup work before rendering the step.
  • Feature Requests and Issue Reporting: The plugin allows for feature requests and bug reporting through issue submission.

Installation

  1. Install vue-tour using npm:
npm install vue-tour
  1. Alternatively, download the minified build from GitHub.
  2. Import the plugin in your application’s entry point (e.g., main.js) and instruct Vue to use it.
  3. Include the default styles or customize them according to your preferences.
  4. Add a v-tour component in your template (typically in App.vue) and pass it an array of steps targeting DOM elements.

Summary

Vue TourCircleCI is a user-friendly tour plugin for Vue.js applications, offering developers a simple and customizable solution for providing guided tours within their applications. With its lightweight design, customizable features, and easy integration process, Vue TourCircleCI proves to be a valuable tool for enhancing user experience.