How to setup for SharePoint Frame Work Development Environment (SPFx)

How to setup SharePoint framework development environment SPFxThe 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, you can use modern web technologies and tools in your preferred development environment to build productive experiences and apps that are responsive and mobile-ready from day one. The SharePoint Framework works for SharePoint on-premises and SharePoint Online.

You can use Visual Studio, or your own custom development environment to build SharePoint client-side web parts. You can use a Mac, PC, or Linux.
1.       Install NodeJS è  https://nodejs.org/en/
2.       Update npm by running the command è npm install -g npm
3.       Install a code Editor è Recemented https://code.visualstudio.com/
4.       To Install Yeoman and gulp è Enter the following command  è npm install -g yo gulp
5.       Install Yeoman SharePoint generator è Enter the following command to install è
       npm install -g @microsoft/generator-sharepoint

Comments

Post a Comment

Popular posts from this blog

How to Use Bootstrap in SPFX (SharePoint Framework)

Image
Npm install jquery -- save npm install @types / jquery -- save npm install bootstrap -- save npm install @types / bootstrap -- save then add the following lines to your config.json file`" externals ": { " jquery ": { " path ": " node_modules / jquery / dist / jquery . min . js ", " globalName ": " jQuery " }, " bootstrap ": { " path ": " node_modules / bootstrap / dist / js / bootstrap . min . js ", " globalName ": " jQuery " }` Finally add the following lines to your web part .ts file import * as jQuery from 'jquery' ; import * as bootstrap from 'bootstrap' ;
Read more

Package and Deploy SharePoint Client Side Webpart to SharePoint

Image
Here we are going to deploy SharePoint Client side Web-Part to SharePoint. How to create the package ? after the successful creation of the web-part in the local environment have to deploy it to SharePoint. To  create the package run the following command                                                        gulp package-solution      It will create a package with the extension .sppkg  in side the folder  è    webpart-Name/sharepoint/solution/     How to deploy the package to SharePoint ? Just drag and drop the webpart-Name.sppkg to  https://yourSiteName.sharepoint.com/sites/AppCatalog/  Or You could upload the package by clicking the upload button on the page
Read more