Skip to content
| Marketplace
Sign in
Visual Studio Code>Debuggers>SPFx Debug ConfigurationNew to Visual Studio Code? Get it now.

SPFx Debug Configuration

Elio Struyf

eliostruyf.com
|
26,636 installs
| (1) | Free
Debug configuration extension for SharePoint Framework projects / developers. This allows you to automatically add the required debug configurations for Chrome to the launch.json file.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

SharePoint Framework - Visual Studio Code Debug Configuration Extension

This Visual Studio Code extension can be used to add the required configuration for debugging your SharePoint Framework.

Why this project?

When you want to debug your SharePoint Framework solutions, it requires a bit of configuration in order to get it working. With this extension you can automatically add the right debugging configuration.

Add SPFx debugging configuration

The extension contains the configuration for the local and hosted workbench.

SPFx debugging tasks

When you already have configured something in the launch.json file, you can always add these configurations afterwards by clicking on add configuration and choosing the one you need:

SPFx debugging configurations

Since version 0.0.2, the plugin supports SPFx extensions. The following snippets are available:

  • SPFx: Local workbench
  • SPFx: Hosted workbench
  • SPFx: ApplicationCustomizer debug
  • SPFx: FieldCustomizer debug
  • SPFx: ListViewCommandSet debug

Info: When no launch.json file is present, the moment you create a new configuration, the plugin will automatically check the SPFx extensions and do the right configuration for them.

Changes

You can check the change log to get an overview of all the changes made to this extension.

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft