All docs
V19.2
19.2
19.1
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.
17.1
The page you are viewing does not exist in version 17.1. This link will take you to the root page.
16.2
The page you are viewing does not exist in version 16.2. This link will take you to the root page.

Create a DevExtreme Application

If you are starting a project from scratch, use the DevExtreme Vue Template. It is a simple application with a navigation menu and several sample views in a responsive layout.

You can generate the application with the DevExtreme CLI:

npx -p devextreme-cli devextreme new vue-app app-name
cd app-name
npm run serve
NOTE

npx is available with npm v5.2 and later. If you have an earlier version, upgrade npm or install the DevExtreme CLI globally and run the command from the installed package:

npm i -g devextreme-cli
devextreme new vue-app app-name

The application already contains the DataGrid and Form components. You can find their configurations in the src/views/display-data.vue and src/views/profile.vue files correspondingly.

The following resources provide more information about DevExtreme Vue components: