This sub folders contains client-side projects includes the extensions detailed in the Getting Started tutorials. Technically these extensions could have remain in one single solution, but to ensure that they match exactly what's in the tutorials, we have separated them to dedicated solutions. Sub folders contains the following extensions:
| Solution | Getting Started Walkthrough | Video |
|---|---|---|
| app-extension | Build your first extension - Application Customizer | Video |
| field-extension | Building simple field customizer | Video |
| command-extension | Build simple ListView Command Set with Dialog API | Video |
You can also other SharePoint Framework related videos from SharePoint PnP YouTube Channel.
| Solution | Author(s) |
|---|---|
| web-part-tutorials | Microsoft SharePoint Framework Team |
| Version | Date | Comments |
|---|---|---|
| 1.0.0 | June 6th 2017 | Initial release |
THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.
To build and run this client-side project, you will need to clone and build the tutorials project.
Clone this repo by executing the following command in your console:
git clone https://github.com/SharePoint/sp-dev-fx-extensions.git
Navigate to the cloned repo folder which should be the same as the repo name:
cd sp-dev-fx-extensions
Navigate to the tutorials folder:
cd tutorials
Navigate to the specific extension folder:
cd 'subfolder'
Now run the following command to install the npm packages:
npm install
This will install the required npm packages and dependencies to build and run the client-side project.
Once the npm packages are installed, run the command to start debugging extension in SharePoint Online:
gulp serve --nobrowser