Flexmonster Software License Agreement (“Agreement”) has been revised and is effective as of January 8, 2025.
The following modifications were made:
The modified version of Agreement is available here.
Downloading, installing, and/or continuing to use Flexmonster Software after January 8, 2025, constitutes Licensee’s acceptance of the terms and conditions of the modified version of Agreement. If Licensee does not agree to any of these terms and conditions, they must cease using Flexmonster Software and must not download, install, use, access, or continue to access Flexmonster Software. By continuing to use Flexmonster Software or renewing the license or maintenance after the effective date of these modifications to Agreement, Licensee accepts and agrees to be bound by the terms and conditions of the modified Agreement.
This guide will help you run a sample Vue 3 project from GitHub. It is a ready-to-use application with several live Flexmonster demos. Get the sample project to try out Flexmonster.
To integrate Flexmonster into an existing Vue project, see integration with Vue 3.
npm install -g flexmonster-cli
Download the sample project with the flexmonster create command. You can choose an ES6-based or TypeScript-based project:
flexmonster create vue 3 es6 -r
This command downloads the Vue 3 + ES6 project from GitHub and launches it in the browser. To shut down the project from the console, press Ctrl + C (Control + C on macOS).
The sample project is located inside the flexmonster-vue-3-es6-project/ folder in your current working directory.
flexmonster create vue 3 typescript -r
This command downloads the Vue 3 + TypeScript project from GitHub and launches it in the browser. To shut down the project from the console, press Ctrl + C (Control + C on macOS).
The sample project is located inside the flexmonster-vue-3-typescript-project/ folder in your current working directory.
Our sample project was created using Vite, so most of the project’s files are typical of Vite-based projects.
Now take a look at the files specific to our sample project:
src/router/index.js (index.ts in TypeScript) — route definitions for the sample project.src/components/UIElements/ — menus and toggle elements used in the sample project.src/views/VueFlexmonsterExamples/ — demos that cover different aspects of Flexmonster usage in Vue:PivotTableDemo.vue)CompositionAPIDemo.vue)HandlingEvents.vue)UsingAPICalls.vue)UpdatingData.vue)CustomizingToolbar.vue)CustomizingGrid.vue)WithHighcharts.vue)WithAmcharts.vue — amCharts 5; WithAmcharts4.vue — amCharts 4)Learn more about how these demos work: Usage examples.
Integrate into an existing Vue 3 project or adjust the sample project to your needs: