Book Image

SharePoint Development with the SharePoint Framework

By : Jussi Roine, Olli Jääskeläinen
Book Image

SharePoint Development with the SharePoint Framework

By: Jussi Roine, Olli Jääskeläinen

Overview of this book

SharePoint is one of Microsoft's best known web platforms. A loyal audience of developers, IT Pros and power users use it to build line of business solutions. The SharePoint Framework (SPFx) is a great new option for developing SharePoint solutions. Many developers are creating full-trust based solutions or add-in solutions, while also figuring out where and how SPFx fits in the big picture. This book shows you how design, build, deploy and manage SPFx based solutions for SharePoint Online and SharePoint 2016. The book starts by getting you familiar with the basic capabilities of SPFx. After that, we will walk through the tool-chain on how to best create production-ready solutions that can be easily deployed manually or fully automated throughout your target Office 365 tenants. We describe how to configure and use Visual Studio Code, the de facto development environment for SPFx-based solutions. Next, we provide guidance and a solid approach to packaging and deploying your code. We also present a straightforward approach to troubleshooting and debugging your code an environment where business applications run on the client side instead of the server side.
Table of Contents (14 chapters)

Step 3 - Installing Yeoman and Gulp

The next step is to use npm to install two important tools, Yeoman and Gulp, to our SharePoint Framework development environment. This is done with two commands in Command Prompt or PowerShell:

    npm install -g yo
npm install -g gulp

When you are installing packages with npm, you can use the lower-case letter i instead of install. Also, you can install multiple packages in a single line, such as yo (for Yeoman) and gulp:

    npm i -g yo gulp 

As you can see, npm will also install other packages, based on the dependencies of the packages we are installing. Warnings are common and, for now, we can safely ignore them:

The installation will take a while as npm is going to download all the necessary packages and their dependencies during installation. When this is done, you will see something like this:

If something goes wrong, you can uninstall packages using npm as well; simply replace the install command with uninstall to do that. In npm, the...