Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • SharePoint Development with the SharePoint Framework
  • Toc
  • feedback
SharePoint Development with the SharePoint Framework

SharePoint Development with the SharePoint Framework

By : Jussi Roine, Olli Jääskeläinen
4.2 (5)
close
SharePoint Development with the SharePoint Framework

SharePoint Development with the SharePoint Framework

4.2 (5)
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)
close

Working with files

As you might recall, VS Code works by working with files and folders directly, as they are located on your workstation. Thus it is up to you, as a developer, to choose the base path for your projects. Each project will be a directory underneath your base path. A typical development file hierarchy could be as follows:

  • Basepath: C:\Projects\
  • Intranet-project: C:\Projects\Intranet
  • Extranet-project: C:\Projects\Extranet

You can now select File | Open Folder in VS Code to select C:\Projects\Intranet as your working folder if you're working on that particular project.

As you'll see, since the folder is still empty, we just get a placeholder for the INTRANET folder. You can add a new file by clicking the small icon with a green plus-icon.

We'll add a simple HTML file, called hello.html. VS Code recognizes this is a file for HTML content, and provides you with IntelliSense supports automatically in the editor.

If we add a second file, such as a text file...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete