BlogPost

Part One - Setting up our SharePoint client-side development environment.

Part One - Setting up our SharePoint client-side development environment.



Last month I was blown away with the SharePoint framework and since then I have been trying to get my head around it and the only way has been going through multiple resources so for the next three months I'm going to go through everything I have learned to see how it is done and works in as much detail as possible and if it helps out others on the way all the better, here we go part one - Setting up our SharePoint client-side web part development environment.



Step One

Install NodeJs

from here

and after installing node, make sure you are running V3 of npm by running the following command:

npm -g install npm@3




Step Two

Install windows-build-tools

For PC users you need to install windows-build-tools. windows-build-tools will install Visual C++ Build Tools 2015, These tools are required to compile popular native modules. It will also install Python 2.7, configuring your computer and npm appropriately.

Run the following command with administrative rights:

npm install --global --production windows-build-tools




Visual Studio

for Visual Studio install the following required tools and updates:

Visual Studio 2015 Community edition
Visual Studio 2015 Update 3
Node.js Tools for Visual Studio


Step Three

Install Yeoman and Gulp

Yeoman helps you kick-start new projects, and prescribes best practices and tools to help you stay productive. SharePoint client-side development tools include a Yeoman generator for creating new web parts. The generator provides common build tools, common boilerplate code, and a common playground web site to host web parts for testing.

Enter the following command to install Yeoman and gulp:

npm i -g yo gulp




Step Four

Install Yeoman SharePoint generator

The Yeoman SharePoint web part generator helps you quickly create a SharePoint client-side solution project with the right toolchain and project structure.

Enter the following command to install Yeoman and gulp:

npm i -g @microsoft/generator-sharepoint