A Kendo UI Core jQuery SystemJS/jspm & ES6 boilerplate to get you started.
First, install or update Node.js & npm.
Once you have Node.js/npm working open a terminal and install jspm (i.e. SystemJS) and browsersync globally by running (might have to sudo):
$ npm install jspm browser-sync -g
Download a ZIP of this repository (i.e. kendo-ui-boilerplates).
Or, if you have GIT installed you can Git clone this repository.
SSH:
$ git clone [email protected]:kendo-labs/kendo-ui-boilerplates.git
https:
$ git clone https://github.com/kendo-labs/kendo-ui-boilerplates.git
Select the boilerplate you'd like to use from the directory you just downloaded/cloned and cd
into that directory from a terminal.
Then run the following command from the directory of the boilerplate you selected:
$ npm install && jspm install
This will install the required npm and jspm packages.
Open a terminal from the boilerplate directory. You should have one open at this point.
Run the following npm scripts commands:
$ npm run server
This will open the index.html
page at localhost:4000 in your default browser using browsersync. Browsersync has been setup to reload after any changes to any .html
, .css
, or .js
files.
SystemJS/jspm offers a bundled mode. From the root of the setup directory open a command prompt and run the following npm command:
> npm run bundle
By running this command the browser should reload and be running from a build.js
file that has been created for you in the root of the setup directory. Additionally, the bundling process will combine and in-line into the HTML document any CSS that was imported in a module (e.g. app.css
)
To unbundle simply run:
> npm run unBundle
This project has been released under the Apache License, version 2.0