create-jqwidgets-vue-app

This page will introduce you the create-jqwidgets-vue-app package which will help you to quickly get started with jQWidgets and Vue.js. The project is based on Vue CLI.

Quick Overview

npm i -g create-jqwidgets-vue-app
create-jqwidgets-vue-app my-app
cd my-app
npm run serve    

Then open

http://localhost:8080/

to see your app.
When you’re ready to deploy to production, create a minified bundle with npm run build.

Getting Started

Installation

npm install -g create-jqwidgets-vue-app

Make sure you have the latest version of Node on your machine.

Creating an App

create-jqwidgets-vue-app my-app

It will create a directory called my-app inside the current folder.
Inside that directory, it will generate the initial project structure and install the transitive dependencies.

my-app
├── node_modules
├── public
├── src
├── babel.config.js
├── package.json
├── README.md

Subfolders are not shown in order to keep it short.
Once the installation is done, you must navigate to the folder created:

cd my-app

Now the project is ready and you can run some commands like:

npm run serve

Builds the app in development mode and starts a web server.
Open

http://localhost:8080

to view it in the browser.
The page will reload if you make edits.

npm run build

Builds the app in production mode and stores it in the dist/ directory.

Why to Use This?

If you are getting started with jQWidgets and Vue, using create-jqwidgets-vue-app is the easiest way to do that.

Just install, run and you will see an Vue jQWidgets Grid on your page.
Then you can customize the project as much as you want, making something great.