Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
cancel
Showing results for 
Search instead for 
Did you mean: 
pmuessig
Advisor
Advisor

Getting Started Even Easier


The Easy UI5 generator is the de-facto standard and open-source way to get started with UI5 development easily. Over the last year, the Easy UI5 generator has evolved to be extensible with the sub generators provided by the UI5 Community or even your own sub generators from your GitHub organization or user.

But, there exist even easier ways to kick-start projects. The create-<initializer> NPM packages allow to be used with npm-init or npx. This idea has been raised in one of the last UI5ers live sessions and with just some few line of codes a new even easier way to setup your UI5 project is born:

https://www.npmjs.com/package/create-easy-ui5

The create-easy-ui5 is a simple wrapper of the Easy UI5 Yeoman generator and makes the functionality available via the create-<initializer> NPM package.

How to use it?



Isn't it easy?

Usage Options


The create-easy-ui5 package provides different usage options: npm initnpx, and the binary easy-ui5.

Option 1: Using npm-init


The npm-init command is used to setup new repositories. You can use the create-easy-ui5 package for npm-init like this:
npm init easy-ui5 [template] [--arg...]

The create-easy-ui5 package doesn't need to be installed upfront to be used as npm-init is downloading it automatically from the central NPM registry.

Option 2: Using npx


The npx command is used to run NPM packages directly and can be used to run the setup script:
npx create-easy-ui5 [template] [--arg...]

The create-easy-ui5 package doesn't need to be installed upfront to be used as npm-init is downloading it automatically from the central NPM registry.

Option 3: Using easy-ui5 binary


The easy-ui5 binary is provided by the create-easy-ui5 NPM package and once installed it can be used to setup new repositories using the Easy-UI5 Yeoman generator:
# Install create-easy-ui5
npm i -g create-easy-ui5

# Run the binary
easy-ui5 [template] [--arg...]

Finally, Using the binary with arguments




Wrap-up


As you can see, it is just a lightweight wrapper around the Easy UI5 Yeoman generator and provides the same functionality. The benefit is the integration into the NPM commands and that NPM also takes care to install the packages automatically.

Enjoy getting started even easier with UI5... 😉

Links: