Our First Client-Side Web Part (Hello World) Part 1

• Create project folder in your machine by passing command "md <Your-Project-Name>"

Create Project Solution Directory

• Open project folder by passing command "cd <Your-Project-Name>" 

Get into Project Solution Directory

• Provide solution name for creating client web part using SPFX.

Provide Solution Name

Prerequisites to Create SharePoint Framework Client Webparts

To setup our Development environment for SPFX, We required following things to be installed on our base machine.

1. Set up your Office 365 tenant.
2. Install NodeJS Click Here for Installation Steps.
3. Install a code editor (Visual Studio Code) Click Here for Installation Steps.
4. Install Gulp and Yeoman generator Click Here for Installation Steps..
5. Finally lets build Our First Client-Side Web Part!

Upgrade to latest npm for node security advisories

Open command prompt check the version of npm by passing following command "npm version -v"

check npm version

• Upgrade npm to latest by passing following command "npm i npm@latest -g"

Upgrade npm to latest