This is an open-source extension for native out of the box SPFx generator to introduce additional scaffolding support for Angular Elements, VueJS, Handlebars and many more in future. This generator has a dependency on native SPFx generator from Microsoft.
Work is in progress and we'll absolutely accept contributions after the initial version is available.
The following add-on are supported:
| Library | Version | Generators |
|---|---|---|
| jQuery | 2.x, 3.x | All |
| @pnp/pnpjs | > 1.4. | All |
| @pnp/spfx-property-controls | 1.10.0 | All |
| @pnp/spfx-controls-react | 1.8.0 | ReactJS |
The following frameworks are supported:
| Framework | Version |
|---|---|
| Handlebars | > 4.0.0 |
| VueJS | > 2.5.16 |
| Angular Elements | > 7.0.2 |
Install the generator:
npm install -g @pnp/generator-spfxTo start your first project using this generator:
yo @pnp/spfx
We will guide you through the your project creation.
The PnP Community generator is currently only available through the following method.
git clone https://github.com/pnp/generator-spfx.git
Install all required packages:
npm install
Start coding ...
More details on our documentation
Sharing is caring!