Installing the Bundle Generator and Generating a Bundle

This tutorial shows how to install the Liferay JS Generator and how to use it to create JavaScript widgets.

Follow these steps to create your JavaScript widget:

Install Node.js. Note that Node Package Manager (npm) is installed with this as well. You’ll use npm to install the remaining dependencies and generator, and configure your npm environment.
Install Yeoman for the generator:
```
npm install -g yeoman
```
Install the Liferay JS Generator:
```
npm install -g generator-liferay-js
```
Run the generator with the command below, select the JavaScript widget you want to create, and answer the prompts that follow.
```
yo liferay-js
```
Figure 1: The liferay-bundle generator prompts you for widget options.
If you specified your app server information when your widget was generated, you can deploy your widget by running the command below. You can verify this by checking the value of the liferayDir entry in the widget’s .npmbuildrc.
```
npm run deploy
```

Great! Now you know how to install and run the Liferay JS Generator.

Help Center