Installation

Using Package Manager

We recommend using the package manager (NPM, Yarn, pnpm) to install vue-gantt-3, so that you can utilize bundlers like Vite and webpack.

Choose a package manager you like.

npm

$ npm install vue-gantt-3 --save

yarn

$ yarn add vue-gantt-3

pnpm

$ pnpm install vue-gantt-3

Import in Browser

Import vue-gantt-3 through browser HTML tags directly, and use global variable VueGantt3.

According to different CDN providers, there are different introduction methods. Here we use unpkg and jsDelivr as example. You can also use other CDN providers.

unpkg

<head>
  <link rel="stylesheet" href="//unpkg.com/vue-gantt-3/dist/vue-gantt-3.css" />
  <script src="//unpkg.com/vue@3"></script>
  <script src="//unpkg.com/vue-gantt-3"></script>
</head>

jsDelivr

<head>
  <link
    rel="stylesheet"
    href="//cdn.jsdelivr.net/npm/vue-gantt-3/dist/vue-gantt-3.css"
  />
  <script src="//cdn.jsdelivr.net/npm/vue@3"></script>
  <script src="//cdn.jsdelivr.net/npm/vue-gantt-3"></script>
</head>