DevExtreme Vue - Local Scripts

You can find all the required files in the DevExtreme zip archive or DevExtreme folder (%ProgramFiles(x86)%\DevExpress 18.1\DevExtreme\Sources). Copy the Lib folder into the folder with your application. Then, link the required files in the <head> tag on your index page in the following order:

HTML
<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>

<!-- Reference either Knockout or AngularJS, if you do -->
<script type="text/javascript" src="js/knockout-latest.js"></script>
<script type="text/javascript" src="js/angular.min.js"></script>

<!-- DevExtreme themes -->
<link rel="stylesheet" type="text/css" href="css/dx.common.css" />
<link rel="stylesheet" type="text/css" href="css/dx.light.css" />

<!-- DevExtreme library -->
<script type="text/javascript" src="js/dx.all.js"></script>
<!-- <script type="text/javascript" src="js/dx.mobile.js"></script> -->
<!-- <script type="text/javascript" src="js/dx.web.js"></script> -->
<!-- <script type="text/javascript" src="js/dx.viz.js"></script> -->
<!-- <script type="text/javascript" src="js/dx.viz-web.js"></script> -->

The stylesheets in the code above apply the Generic Light theme. See Predefined Themes for information about the other available themes.

Specific functionality requires additional libraries. For instance, localization uses the Globalize library or Intl API. Similarly, client-side exporting in the DataGrid and PivotGrid widgets requires the JSZip library. Refer to the dedicated topics for details.

See Also