Setup SPFx Development Environment

Here you will see how to setup SPFx development environment in your Windows 64 bit machine.

For those who, like me, are behind a corporate proxy, setting up Node.js and using npm can be a real pain. So, install the node.js (follow Step 1) via the installer, open up command prompt and run the following commands from Step 2 to configure npm to work with your web proxy.

Step 1:

The current supported LTS version of Node.js for the SharePoint Framework is Node.js v8.x and Node.js v10.x. Node Versions 9.x, 11.x and 12.x are not currently supported with SPFx. You can also use v10.x otherwise, instead of the below one.

Download node.js version for Windows 64bit

https://nodejs.org/dist/v8.11.3/node-v8.11.3-x64.msi

Step 2:

npm config set proxy http://proxy.company.com:8080
npm config set https-proxy http://proxy.company.com:8080

Step 3:

Download visual studio code

https://code.visualstudio.com

Step 4:

• Open Command prompt , run as adminstrator

• To check version installed Run npm -v

• Run npm install -g yo gulp

• Run npm install -g @microsoft/generator-sharepoint

• Build sample webpart: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part

• To open code: <Your solution path>/Code .

• Run gulp trust-dev-cert

• Run gulp serve

Sharing is Caring!

Thanks for reading!