SharePoint Framework (SPFx) Toolchain

Posted on July 22, 2021 Updated on September 29, 2021

Node.js

 

Local JavaScript runtime Engine. Similar to .NET Framework in .NET development.

npm (Node Package Manager)

 

Package and dependency management. Similar to NuGet

Yeoman

 

Uses a generator framework to provide scaffolding for Client Side Web part Projects. Similar to Project templates in visual studio. E.g. SharePoint project templates in Visual Studio

Visual Studio Code or any IDE that supports client-side development to build your web part.

 

Use for Building and Debugging web applications

Visual Studio Code
Atom
WebStorm 

TypeScript

 

Super set of JavaScript and an Open Source Programming language. It’s provide Static Typing, Classes and Interfaces

Gulp

 

This is similar to MSBuild. It automates the repetitive tasks for Build, packaging and deployment processes during the development.

Workbench

To Preview client side web parts running locally without deploying to SharePoint

More Resources