SharePoint Framework - Extension Pack for Visual Studio Code

This is an extension pack that contains useful extension for SharePoint Framework projects.

Why this project?

The reason I created this project was that during courses and events, people often ask which extension I use in VSCode.

One time when I was presenting an Angular course. I discovered a useful extension called Angular Essentials. This gave me the idea to do the same for SPFx related projects.

Changes

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

Which extensions are included?

Currently the following extensions are included in the package:

Debugger for Chrome - Debug your JavaScript code running in Google Chrome from VS Code. You can find the configuration for this in the following article: debug SharePoint Framework solutions in Visual Studio Code

Editor Config - EditorConfig for VS Code. This extension can maintain consistent settings between editors. By default, a new SPFx project will already contain a .editorconfig file.

JSON to TS - Converts JSON objects to TypeScript interfaces. This will save you a lot of time creating new interfaces.

npm Intellisense - Visual Studio Code plugin that autocompletes npm modules in import statements.

Path Intellisense - Visual Studio Code plugin that autocompletes filenames.

SPFx Snippets - SharePoint Framework Snippets.

SPFx Localization - SharePoint Framework extension to manage localization in projects.

SPFx Task Runner - Easily run SPFx tasks to spin up the server, package the solution and more...

SPFx Remove Components - Easily remove components from SPFx solutions

Rencore SPFx Script Check - Check the performance of external scripts and get snippet to include them in SharePoint Framework project.

Rencore Deploy SPFx Package - Easily deploy a SharePoint Framework solution package to SharePoint Online.

Rencore tenant-wide SPFx Extension deployment information - Easily add tenant-wide deployment information for your SPFx extension.

TypeScript Export All - Provides an easy way to export your TypeScript modules in folders.

Contribute

Feel free to pass ideas and/or other useful extensions by creating an issue.