title | description | slug | position | category | level |
---|---|---|---|---|---|
Obtaining Source Code |
Download the source code of Kendo UI for Vue Native components. |
source_code_installation |
6 |
setup |
0 |
To obtain the source code of the components download the source code from the Kendo UI for Vue Lerna-based mono repository.
The source code is available only for commercial-license holders and you will be asked to enter your credentials.
-
To obtain the full source code, clone a repository from the Kendo UI for Vue Native Git mirror. The repository contains the complete revision history of the official releases.
git clone https://kendo.git.progress.com/kendo-vue-private.git
-
To update your clone, run
git pull
. The mirror repository is updated daily.
The source repository contains tags for each official release—for example, "v1.0.0"
or "v1.1.0"
. To get the full list of all tags, run git tag
.
The source repository contains a single master
branch. It corresponds to the latest
NPM dist
-tag and represents the current official release of the package that you normally get by running npm install
.
You can use the repository for building modified versions of the official package. However, the Kendo UI for Vue Native license prohibits the redistribution of modified versions of the packages.
-
In each individual package, replace the metadata in the
package.json
file to make your package name unique.{ "name": "my-lovely-kendo-vue-component", "description": "Customized vue package", "version": "1.0.0" }
-
Run
npm install
to install all developer dependencies. -
Run
npm run bootstrap
to bootstrap the monorepo packages and link any cross-dependencies. -
Run
npm run build-packages
to build all monorepo packages. Every build is created in the corresponding monorepo package folder. -
Run
./node_modules/.bin/lerna exec -- npm pack
to produce NPM package for all monorepo packages. -
Use the newly built package in your application.
npm install --save my-lovely-kendo-vue-component-1.0.0.tgz
To avoid being asked for your credentials while you clone a repository, store them.
To store your credentials, either:
- Cache your credentials by storing them as plain text in a
.netrc
file, or - Store your credentials by using the Git credential helpers. For detailed information on how to do this, refer to Stack Overflow and follow the discussion on skipping the password typing.
-
Create a text file called
_netrc
in your home directory—for example,c:\users\jane\_netrc
. -
Declare a
HOME
environment variable.C:\> SETX HOME %USERPROFILE%
-
Add your credentials by applying the following format:
machine kendo.git.progress.com login [email protected] password mysecret
If your home directory contains spaces in its path, Git might experience problems when it tries to access it—for example, c:\Documents and Settings\jane
. To avoid such issues, set your %HOME%
environment variable so that it points to a directory and has no spaces in its name.
-
In your home directory, create a file called
.netrc
(~/.netrc
). Modify the file permissions so that the file is readable only for you.touch ~/.netrc chmod 0600 ~/.netrc
-
Add your credentials to the
~/.netrc
file by using the following format:machine kendo.git.progress.com login [email protected] password mysecret
This section provides solutions for common issues you might encounter while cloning the source code repository.
You might see the following error message:
fatal: unable to access 'https://kendo.git.progress.com/kendo-vue-private.git/': SSL certificate problem: unable to get local issuer certificate
Cause The underlying Git installation is missing the certificate bundle.
Solution Follow the steps in the Adding a corporate (or self-signed) certificate authority to git.exe’s store MSDN blog post.
If you have to use the
@
symbol in the URL because of, for example, network restrictions or admin rules, encode it ashttps://firstname.lasname%[email protected]/kendo-vue-private.git
.
- Getting Started with Kendo UI for Vue - JavaScript (Online Guide)
- Getting Started with Kendo UI for Vue - TypeScript (Online Guide)
- Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)
- Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)
- Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)