Skip to content

5.2 Scaffolding

Adam Wójcik edited this page Dec 1, 2023 · 8 revisions

1. Scaffold a new SPFx project

Viva Connections Toolkit allows the creation of a new SPFx project using the same scaffolding steps as the official SharePoint Framework Yeoman generator.

scaffolding

2. Don't start from scratch - sample galleries

Using the VS Code extension you may browse and pick the sample you are interested in and create a new project based on it. After you select the sample you will be asked to select the location where it will be downloaded and to give a new name for the project. After downloading and renaming VS Code will automatically open this project and run npm install.

create-base-on-spfx-webpart

It is also possible to use sample galleries outside of the welcome experience view. When within an SPFx project in the Actions section you may find options to open the gallery view of each type.

image

Check it out in action 👇

Viva.vscode.R2.-.create.from.sample.mp4