Wednesday, May 19, 2021

SPFX

 

SharePoint Framework (SPFx) development environment Setup step by step

 

In this tutorial, we’ll learn about how to set up the development environment for the SharePoint framework aka SPFx. Before that, we should know what is SharePoint framework or SPFx – These days, it is a buzz word in the Sharepoint market, in the long run, SPFx is the way to go when it comes to customizing the SharePoint solution as Microsoft does not recommend to use any javascript directly into the SharePoint Online page, in fact by the design out of the box the script editor web part is disabled. The definition from MSDN as – The SharePoint Framework (SPFx) is a page and web part model that provides full support for client-side SharePoint development, easy integration with SharePoint data, and support for open source tooling. With the SharePoint Framework, we can use modern web technologies like React JS, Angular JS, etc.  The SharePoint Framework works for SharePoint Online both for classic and modern experience and also for on-premises (SharePoint 2016 Feature Pack 2 and SharePoint 2019). Step by step process to set up the SharePoint Framework (SPFx) development machine: Now, I will explain how to set up the development environment for the SharePoint Framework (SPFx) for your development environment. In just 5 steps, we can prepare the development environment for SPFx – we just need to install the below tools or Softwares one by one:

  1. Install NodeJS
  2. Install Code editor
  3. Install Yeoman and gulp
  4. Install Yeoman SharePoint generator
  5. Trusting the self-signed developer certificate


 

No comments:

Post a Comment