Skip to content
This repository has been archived by the owner on Aug 24, 2021. It is now read-only.
/ sp-dev-fx-vs-extension Public archive

Visual Studio extension work around SPFx together with community


Notifications You must be signed in to change notification settings


Repository files navigation

Visual Studio extension for SharePoint Framework projects

The SharePoint Framework introduces a new set of tools for client-side web development that may be unfamiliar for many enterprise developers and which may not fit well with existing ALM processes, especially those tightly integrated with Team Foundation Server and IDE extensions. This repository contains the source code and releases of a Visual Studio extension for SharePoint Framework that integrates the traditional solution, build, debug and project management tools of Visual Studio with open-source tools like Node.js, Gulp and Yeoman generators. Creating new Framework projects is now as easy as selecting File > New > Project, just like any standard MVC, Web API or ASP.NET application.

The Visual Studio Extension for SharePoint Framework wraps the command-line UI of the Microsoft Yeoman Generator (yo @microsoft/sharepoint) into a familiar Windows Forms experience, executes the generator project scaffolding behind the scenes and creates a Visual Studio project that includes all the necessary files for a complete web part project. Also included is a web part item template for adding new web parts to an existing Framework project. Developers can launch the Workbench local sandbox environment to test their web parts by pressing F5 or by binding to the Gulp Serve event in the Task Runner Explorer. For developers who wish to dive deeper and learn more about the new web development toolchain used by the Framework, the Advanced mode provides full access to the Yeoman generator command parameters and an optional cmd.exe window to view the generator tasks in real time.

Additional resources



Getting Started

A template named 'SPFx Web Part Project' is added to the template list in Visual Studio. Select this template to invoke a wizard that runs the Yeoman generator and creates the project. Additional web parts can be added to an existing solution using the "Add New Item" menu options.

Additional details are in the Getting Started guide.

SPFx Web Part Project Template in VS2017/2019

Custom Project Configuration Wizard

NOTE: An issue exists in the SPFx Yeoman Generator that prevents specific values from being set as command-line arguments. The issue has been raised to the product team and remains open. Until it is fixed, we cannot resolve the problem within the extension so we have added instructions to the UI when the affected options are selected on how to supply the correct values in the generated project files.


We welcome your input on issues and suggestions for new features. We are also interested in community contributions to enhance and expand the capabilities of the extension. Let us know if you have any questions or comments.

Please have a look on our Contribution Guidance before submitting your pull requests, so that we can get your contribution processed as fast as possible. Thanks!

Sharing is caring!