EnjoySharePoint YouTube Channel

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 webparts from any non SharePoint environment. Now we will learn how to configure a Windows 10 environment to create SPFx webpart.

Get Office 365 Enterprise E3 Or Business Premium Subscription & Try out all the features

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:

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

Check out Best Alternative to InfoPath -> Try Now
You May Also like the Following SharePoint Tutorials:

About Krishna Vandanapu

I am Krishna.Vandanapu a SharePoint architect working in IT from last 13+ years, I worked in SharePoint 2007, 2010, 2013, 2016 and Office 365. I have extensive hands on experience in customizing SharePoint sites from end to end. Expertise in SharePoint migration tools like Sharegate, Doc Ave and Metalogix. Migrated SharePoint sites from SharePoint 2007 to 2010 and 2010 to 2013 several times seamlessly. Implementing CSOM with Microsoft best practices. Spent quality time in configuring SharePoint application services like User Profile, Search, Managed Meta data services etc. Now exploring SharePoint Framework and SharePoint 2019

View all posts by Krishna Vandanapu →