Contents
How To Setup SharePoint Framework Development Environment
- Step 1 – Download and Install Node JS LTS Version 10.
- Step 2 – Installing Visual Studio Code.
- Step 3 – Install Yeoman and Gulp.
- Install SharePoint Yeoman generator.
- Step 5 – Trusting self-signed Developer certificate.
- Step 6 – Create Hello World Web part.
Tenant properties allow tenant administrators to add properties in the app catalog that can be read using the SharePoint REST API.
Why is SharePoint framework hosted in my tenant?
SharePoint Framework developer toolchain contains a version of the Workbench that works locally and helps you quickly test and validate solutions that you’re building. It’s also hosted in your tenant to preview and test your local web parts in development.
Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them. Client-side web parts support: Building with HTML and JavaScript.
Unlike in the Workbench, to use client-side web parts on modern SharePoint server-side pages, you need to deploy and register the web part with SharePoint. First you need to package the web part. Open the HelloWorldWebPart web part solution in Visual Studio Code, or your preferred IDE. Open package-solution.json from the config folder.
What kind of development environment do I need for SharePoint?
You can use Visual Studio or your own custom development environment to build SharePoint Framework solutions. You can use a macOS, Windows, or Linux environment as well. Before following the steps in this article, be sure to Set up your Microsoft 365 tenant.