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)

Getting to know Visual Studio Code

Upon opening VS Code, you are shown a dark-themed editor without any files open.

On top, you have a few menu items with the usual tools including file and folder management, editing, and debugging. We'll get to these in a bit.

On the left-hand side, you have five icons that act as quick links to your most used tools.

The first one will open EXPLORER, which allows you to navigate between the files and folders of your project. If you are familiar with Visual Studio, this might seem familiar to you. The main difference is that you will not be working with solution files, but directly with file and folder structures. The shortcut key for opening EXPLORER is Ctrl + Shift + E.

The next one is SEARCH, for searching content across files and folders. The shortcut key is Ctrl + Shift + F.

The third one, which looks a bit like a crossroad, is SOURCE CONTROL access. The shortcut key is Ctrl + Shift + G, and this is used when you need to commit your code...