Alert This post is over a year old, some of this information may be out of date.

Easily run SharePoint Framework related tasks in Visual Studio Code

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.

Show image 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.

Show image 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:
Show image Pick a gulp task to run
Pick a gulp task to run

Happy coding!

Comments

Back to top