Easily run SharePoint Framework related tasks in Visual Studio Code

August 08, 2018

Beginning of August 2018 I released a new Visual Studio Code extension called the SPFx Task Runner. This extension lets you run your SharePoint Framework related gulp tasks by just a couple of mouse clicks.

SPFx Task Runner

SPFx Task Runner

Once you installed the extension you get a new SPFx task group in the Visual Studio Code context menu. This menu group will be shown when a SharePoint Framework project is opened.

Context menu SPFx task related actions

Context menu SPFx task-related actions

As you can see in the above screenshot it provides you with a couple of the most used/useful command:

  • "SPFx start local server" results in running: gulp serve --nobrowser
  • "Create debug package" results in running: gulp bundle and gulp package-solution afterwards to create the debug (pointing to your localhost) SPPKG file
  • "Create release package" results in running: gulp bundle --ship and gulp package-solution --ship afterwards to create the release SPPKG file

The two other tasks allow to check the registered gulp tasks and to run them. Here is an example of how the Pick a task to run action works:

Pick a gulp task to run

Pick a gulp task to run

Happy coding!

Comments