Setup SharePoint Framework Extension Development Environment on Windows 10

SharePoint Framework (SPFx) Extensions are client-side components that run inside the context of a SharePoint page. You can deploy extensions to SharePoint Online, and you can use modern JavaScript tools and libraries to build them.

Minimum requirements

1. Cmder – http://cmder.net/ 
2. NodeJS - https://nodejs.org/en/
3. Npm 3 or latest 
4. Git
5. Yeoman - http://yeoman.io/codelab/setup.html
6. Gulp
7. Visual Studio Code

Step 1
Download and Install Cmder http://cmder.net/

Step 2
Download and Install NodeJS https://nodejs.org/en/

1.  Verify if Node is installed on your system
1. Open Cmder and type “node --version && npm –version”
2. Install npm run “npm install --global npm@latest”
3. Check Git is installed or not “git –version”

Install Yeoman Toolset

Run “ npm install --global yo”

Step 3
Install Gulp

1. Open cmder
2.  Run “npm install -g gulp”

Step 4
Install SharePoint Generator Module which will need for following training
SharePoint Extension - https://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/build-a-hello-world-extension

1. Open cmder
2. Run “npm install @microsoft/generator-sharepoint”

To use UI Fabric Core

1. Run “npm install #microsoft/sp-office-ui-fabric-core”