DevExtreme Vue - 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: