Title: Setup SPFx Development Environment
down grade node version: npm install -g node@8.3
Visual Studio Code
1. Install node js steps
Step1: Open https://nodejs.org/en/ and download
Once download right click and select install
Click on Next
Do you want allow app: say yes
Click on Finish button and restart your computer.
Note: if not restart, you will not able to run Node.js
down grade node version: npm install -g node@8.3
Install Yeoman and Gulp by using below command
npm install -g yo gulp
Once install, below screen will apear
Get the version by using below command
Yoman version:
yo –version
Gulp version:
gulp –v
Install Yeoman SharePoint Generator:
It helps us to quickly create a SharePoint client side solution project with project structure
npm install -g @microsoft/generator-sharepoint@latest
Once install, below screen will appear
Get version, use below command
get version: npm view @microsoft/generator-sharepoint version
Visual Studio Code
Download from https://code.visualstudio.com/download
Use JavaScript frame work (Ex: Angular or react or Knockout)
Once installation complete
Create an App Catalog
Create a site collection based on the Developer Site template
Note: No need to deploye Sharepoint workbench
It will be in https://hpeblore.sharepoint.com/sites/Omi/_layouts/15/workbench.aspx
Development Process:
1. Create the web part project by using below command
>yo @microsoft/sharepoint
>gulp trust-dev-cert
>gulp trust-dev-cert
2. Preview the web part
>gulp serve
if no files under node_module, go to the project folder and generate files using command > npm install.
if no files under node_module, go to the project folder and generate files using command > npm install.
