Yeomanand Ring UI generator:
npm install -g yo @jetbrains/generator-ring-ui
Change to the root directory of your widget (create one if necessary) and run
Enter the name of the widget (defaults to current directory name), widget description, and author, and let Yeoman create project files and install all the dependencies.
Your project is ready to be developed. The following commands are available:
npm testto launch karma tests
npm startto run a local development server
npm run lintto lint your code (JS and CSS)
npm run stylelintto lint CSS only
npm run buildto generate a production bundle (will be available under
npm run create-componentto create a new component template with styles and tests
npm run ci-testto launch karma tests and report the results to TeamCity
To check your widget, go to the widget playground page located at
You may encounter the following problem when using a local development server together with Hub running over HTTPS: all major browsers block insecure scripts. In Chrome you can add a security exception: click the security notification in the address bar (the one saying "The page is trying to load scripts from unauthenticated sources") and press the "Load unsafe scripts" button. Similar workarounds are available in other browsers as well.