You're reading from Practical SharePoint Framework (SPFx) Development Build modern, scalable, and efficient business solutions for SharePoint and Microsoft 365

Product type Paperback

Published in Jun 2025

Publisher Packt

ISBN-13 9781835466780

Length 442 pages

Edition 1st Edition

Languages

JavaScript

Tools

SharePoint Framework

Concepts

SharePoint Development

Authors (2):

Franck Cornu

Anoop T.

View More author details

Table of Contents (29) Chapters

Preface

1. Part 1: Getting Started with the SharePoint Framework

2. Chapter 1: Introducing Microsoft 365 and SharePoint Online for Developers FREE CHAPTER

3. Chapter 2: Ecosystem and Building Blocks around the SharePoint Framework

4. Chapter 3: Your First Steps with the SharePoint Framework

5. Chapter 4: Packt Product Management Solution: A Practical Use Case

6. Part 2: Building Web Parts with the SharePoint Framework

7. Chapter 5: Building a SharePoint Web Part

8. Chapter 6: Working with the Property Pane

9. Chapter 7: Connecting to Other Web Parts

10. Chapter 8: Deploying a SharePoint Web Part

11. Part 3: Building Extensions with the SharePoint Framework

12. Chapter 9: Building a Form Customizer

13. Chapter 10: Building an Application Customizer

14. Chapter 11: Building a Field Customizer

15. Chapter 12: Building a ListView Command Set

16. Chapter 13: Building a Search Query Modifier

17. Chapter 14: Building an Adaptive Card Extension

18. Chapter 15: Deploying Extensions

19. Part 4: Going Further with the SharePoint Framework

20. Chapter 16: Sharing Your Code Using Library Components

21. Chapter 17: Debugging Your Solution Efficiently

22. Chapter 18: Consuming APIs

23. Chapter 19: Writing Tests with SPFx

24. Chapter 20: Upgrading Your Solutions

25. Chapter 21: Leveraging Community Tools and Libraries

26. Chapter 22: Development Platforms

27. Index

Why subscribe?

28. Other Books You May Enjoy

Debugging Web Parts

When you create an SPFx solution, the scaffolded project comes with a default Visual Studio Code debug configuration. This configuration is located in the launch.json file in the .vscode folder. This file contains debug configuration for your current project only, for instance, for browsers such as Edge or Chrome (by default, SPFx provides a configuration for Edge only). All the configurations defined in that file are available on the Visual Studio code interface, so you can start them.

A debug configuration in Visual Studio Code has the following fields:

name: The name of your debug configuration that will appear on the Visual Studio Code dropdown.
type: Web browser to use (Edge or Chrome). For Firefox, you’ll need a specific Visual Studio code extension. For Edge and Chrome, the rest of the configuration is exactly the same.
request: The type of debug behavior. Here, launch will open the browser and attach the Visual Studio code debugger...