SPFlash is an extension for Visual Studio Code that provides templates and snippets for common front-end template assets in the classic SharePoint experience such as master pages, publishing page layouts, web parts, and more. The extension is designed for use in SharePoint 2013, SharePoint 2016, and SharePoint Online/Office 365. Many snippets and templates may also work in SharePoint 2010.
You can find SPFlash on the Visual Studio Code Marketplace. Quickly install the extension from the marketplace within Code, itself. For more information, see the official extension documentation here.
Quickly create new master pages, page layouts, and web parts for the classic SharePoint experience using
spflash.make commands. Open the command palette (⇧⌘P) and search for
SPFlash to begin.
- SPFlash: Make Master Page (
spflash.makeMaster): Create a new master page file. If a workspace is currently open, SPFlash will attempt to create the new file in a preferred directory.
- SPFlash: Make Page Layout (
spflash.makeLayout): Create a new publishing page layout file. If a workspace is currently open, SPFlash will attempt to create the new file in a preferred directory.
- SPFlash: Make Web Part (
spflash.makeWebpart): Create a new Content Editor web part file. If a workspace is currently open, SPFlash will attempt to create the new file in a preferred directory.
Quickly add web controls and content fields to your templates using dozens of snippets. The language setting for the currently open file must be
csharp in order for snippets to appear.
Use field snippets to create field web controls that allow rendering and editing of site columns within a page layout.
sp-field-text: Single line of text
sp-field-multi-text: Multiple lines of text
sp-field-choice: Choice (menu to choose from)
sp-field-number: Number (1, 1.0, 100)
sp-field-currency: Currency ($, ¥, €)
sp-field-date-time: Date and Time
sp-field-lookup: Lookup (information already on this site)
sp-field-boolean: Yes/No (check box)
sp-field-user: Person or Group
sp-field-url: Hyperlink or Picture
sp-field-calculated: Calculated (calculation based on other columns)
sp-field-task-outcome: Task Outcome
sp-field-html: Full HTML content with formatting and constraints for publishing
sp-field-image: Image with formatting and constraints for publishing
sp-field-link: Hyperlink with formatting and constraints for publishing
sp-field-summary-links: Summary Links data
sp-field-media: Rich media data for publishing
sp-field-taxonomy: Managed Metadata