This is a migrated thread and some comments may be shown as answers.

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

9 Answers 138 Views
This is a migrated thread and some comments may be shown as answers.
Mircea
Top achievements
Rank 1
Mircea asked on 17 Aug 2018, 03:41 PM

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.

9 Answers, 1 is accepted

Sort by
0
Dimitar
Telerik team
answered on 21 Aug 2018, 07:55 AM
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:


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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
ghd258 ghd258
Top achievements
Rank 1
answered on 17 Sep 2018, 07:46 AM
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
0
ghd258 ghd258
Top achievements
Rank 1
answered on 17 Sep 2018, 07:50 AM
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
0
ghd258 ghd258
Top achievements
Rank 1
answered on 17 Sep 2018, 08:02 AM
Can not be used without using NPM and CDN, or is there any other usage?
0
Dimitar
Telerik team
answered on 17 Sep 2018, 10:21 AM
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:


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


Regards,
Dimitar
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
ghd258 ghd258
Top achievements
Rank 1
answered on 18 Sep 2018, 01:51 AM
You can provide a download without NPM, not everyone using NPM.
0
Dimitar
Telerik team
answered on 18 Sep 2018, 10:03 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Rich
Top achievements
Rank 1
answered on 19 Sep 2018, 09:24 PM
Download it from the CDN if you want or just reference the CDN directly in your page.
0
Rich
Top achievements
Rank 1
answered on 19 Sep 2018, 09:24 PM
Download from the CDN if you really need it local.
Asked by
Mircea
Top achievements
Rank 1
Answers by
Dimitar
Telerik team
ghd258 ghd258
Top achievements
Rank 1
Rich
Top achievements
Rank 1
Share this question
or