SPFx Developer Tools Setup
Developer Tools Setup
We will install below tools to create SPFx webparts
1. Node JS
To download Node.js:
https://nodejs.org/ > download > Previous Releases > select latest LTS version file(v14) > click relevant MSI file then download & install.
(Note: LTS->Long Term Support version for SPFx, Please check latest version and install)
2. Code Editor
Visual studio code, Atom, etc… are the some tools used as a code editor
To Download Visual studio code ->https://code.visualstudio.com/ > Download & Install
Here “Visual studio code” is builds by github community so it is recommended
3. Yeoman and gulp
In "command prompt run this following comment to install Yeoman & Gulp
npm install -g yo gulp
4. Yeoman SharePoint generator
In "command prompt run this following comment to install Yeoman SharePoint generator
npm install -g @microsoft/generator-sharepoint
SharePoint Online Management Shell
It’s a powershell for O365, cmd prompt
Know your versions:
Before starting the code we should aware which version we are using.
Node.JS version -> node -v
SPFx version -> npm ls -g -depth=0
What is?
Node JS
Cross platform “JavaScript runtime environment” for hosting js code
NPM
Package manager for Node.js, similar to Nuget (included along with Node.js install).
Npm Registry: https://www.npsjs.com
Yeoman
Scaffolding tool for modern webapps. (Creates structure for the project based
on our input.)
It has
plug-in called Yeoman SharePoint generator for SPFx
It does
downloading and configuring required tool chain Components for the project
Gulp
JavaScript
Task runner
It automate Common tasks like -> Compiling,
Packaging, starting Test Process, etc
Refer this link for more details
Comments
Post a Comment