As well all know that SharePoint Framework (
Since
Video tutorial: SharePoint Framework Development Environment Setup
Prerequisites for SharePoint Framework Setup for Windows 10
- Must be the administrator on the laptop/desktop
- NodeJs 8.11.4 version https://nodejs.org/dist/latest-v8.x/
- Any code editor tools like EditPlus, notepad ++, Visual studio code or notepad
- Visual Studio code https://code.visualstudio.com/
- Note pad++ https://notepad-plus-plus.org/download
- EditPlus https://www.editplus.com/download.html
- Minimal knowledge in Powershell
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
Installing Node JS 10.15 LTS
Once you install the NodeJS ensure that you have only one latest version with the below PowerShell command.
Installing Visual Studio Code Editor
Now that we installed the Node JS and visual studio code editors, open
npm install -g yo gulp
Install SharePoint Generator for SPFx
Now that we installed
npm install -g @microsoft/generator-sharepoint
That’s it we are good to start SPFx development.
SharePoint framework Local Workbench is showing empty
Let us see, how to solve spfx local workbench not working or spfx local workbench not loading or SharePoint framework Local Workbench is showing empty issue.
I see a blank page when I run “gulp serve” in the SharePoint framework local workbench!
This is expected behavior in SharePoint framework development and the possible issues would be one of the below.
- nodeJs is corrupted/installed later version than 8.11.4
- NPM is corrupted
Most of the time when you run the command “
When you reinstalling the NodeJs ensure that it is successful if not you will see the same issue again.
You may like the following SharePoint framework tutorials:
- [Solved] [spfx-serve] The api entry could not be loaded: node_modules/@microsoft/sp-webpart-workbench/lib/api/ in SharePoint Framework
- [Solved] cannot find module ‘@microsoft/sp-build-web’ SharePoint Framework (spfx)
- SPFx Application Customizer Example – An Analog Clock with React
- SPFx – Bind dropdown list from SharePoint list using PnP
- How to get user details using Microsoft Graph API in SPFx
- SharePoint online spfx script editor web part
- How to Send Email with Attachments using Graph API in SPFx (React JS)
I hope this SPFx tutorial helps to learn the SharePoint framework (spfx) development environment setup in windows 10 workstation.
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