Kendo UI for Vue with Visual Studio and MVC application, but NOT using webpack

[Mircea]

We currenly have an MVC application using Kendo UI and we recently started using Vue.

There is no clear documentation how to add and use the Kendo UI for Vue within Visual Studio and an MVC application.

All official documentation on the Telerik web site, related to the Kendo UI for Vue is using NPM to install Kendo UI for Vue components in a specified folder, or CDNs.

Unfortunately, there are no clear examples how to use those components within the structure of an MVC application.

To make matter worse, Telerik did not provide a way to create a Kendo UI for Vue application from within the Telerik menu in Visual Studio.

 

The questions are:

1. What JS/CSS files are needed to show and use these components?

2. Where can I find/download all these files?

3. What is the recommended structure to keep these files in?

4. What needs to be "imported" using <Style> and <link> tags, NOT the "import" and "required" and "export", because these are using webpack, which will add a sh...load of other files with it that are not required by the app to actually run.

 

If anybody managed to make it work, please specify step by step what to do to use any of the Kendo UI for Vue components in an MVC app.

[Dimitar]

Hello Mircea,

Integrating the Kendo UI for Vue in an MVC application could be achieved by referencing the required resources from CDN in the layout of the application. There is an existing article where the needed script and styles, as well as the available vue packages for the different components are documented:

• Using Kendo UI for Vue with CDN.

In general, to use the Vue components, the Kendo UI Theme and scripts need to be referenced on the page first (including jQueru). Those can be downloaded from your Telerik account or from NPM. On the other hand, the Kendo UI for Vue packages that need to be referenced after the Kendo UI scripts are currently available for download only through NPM . 

Regards,
Dimitar
Progress Telerik

[ghd258 ghd258]

Now in the trial version learn to use vue, but the project how to use Vue alone, if downloaded from cdn, whether there is a batch of downloads, can not be a single download, a lot of work, why not like jQuery, provide demo download, you can easily learn, or only in the official online demo learning

[ghd258 ghd258]

The official website prompted the Vue download to jump to this page (https://www.telerik.com/kendo-vue-ui/get-started/# toc-project-setup), but could not download a running local demo for learning

[ghd258 ghd258]

Can not be used without using NPM and CDN, or is there any other usage?

[Dimitar]

Hello,

Currently, the Kendo UI for Vue package is only available through NPM. A detailed guide on how to integrate Kendo UI for Vue with Webpack is available on the following documentation article:

• Getting Started with Kendo UI for Vue

In addition to the above, you could check out the Kendo Dasboard Sample Application and try it out locally:

• Dashboard Application Live Demo
  
  
• Dashboard Application Source.

Regards,
Dimitar
Progress Telerik

[ghd258 ghd258]

You can provide a download without NPM, not everyone using NPM.

[Dimitar]

Hello,

Currently, the Kendo UI for Vue packages are distributed only through NPM and are also available on the CDN, as described in the Getting Started Documentation. In case you would like to propose alternative distribution channels, I would suggest to log this in the Kendo UI Feedback Portal, where the rest of the community will be able to discuss and vote for this request. 

Regards,
Dimitar
Progress Telerik

[Rich]

Download it from the CDN if you want or just reference the CDN directly in your page.

[Rich]

Download from the CDN if you really need it local.