Setup SharePoint Framework (SPFx) development environment in Windows 10 workstation

As well all know that SharePoint Framework (SPFx) has completed 1.5 years in the market and now it is known for client-side coding. In these solutions we use scripting. So, in this SharePoint framework tutorial (SPFx), I would like to walk you through the steps to configure and prerequisites to implement or develop SPFx web parts.

Since SPFx is client side scripting we can implement these web parts from any non-SharePoint environment. Now we will learn how to configure a Windows 10 environment to create SPFx webpart.

Video tutorial: SharePoint Framework Development Environment Setup

Prerequisites for SharePoint Framework Setup for Windows 10

Once you get to download all the above-required software install the Node JS first. As soon as we install we need to install the other components like Yeoman and Gulp. Run the below Power Shell command to complete.

Note: NodeJS latest 8.11.4 LTS (Long Term Support) version for sharepoint

sharepoint framework spfx development environment setup
NodeJs 8.11.4 LTS for Sharepoint

Installing Node JS 10.15 LTS

Once you install the NodeJS ensure that you have only one latest version with the below powershell command.

sharepoint framework development environment setup
NodeJS & NPM Version

Installing Visual Studio Code Editor

Now that we installed the Node JS and visual studio code editors, open PowerShell and run the below command to install the import NPM packages YO and GULP.

npm install -g yo gulp

sharepoint framework development environment setup
Installing Yo & Gulp

Install SharePoint Generator for SPFx

Now that we installed Yeomon and Gulp we need to install the Yeoman SharePoint generator. Execute the below command to install it.

npm install -g @microsoft/generator-sharepoint

Installing Yomen packages for SPFx
Installing Yomen packages for SPFx

That’s it we are good to start SPFx development.

spfx development environment setup
Configured SPFx Env in Windows10 for Sharepoint 2019

You may like following SharePoint framework tutorials:

I hope this SPFx tutorial helps to learn the SharePoint framework (spfx) development environment setup in windows 10 workstation.

Donwload Hub site pdf

Download SharePoint Online Tutorial PDF FREE!

Get update on Webinars, video tutorials, training courses etc.