setting up development environment for building sharepoint framework solutions (sharepoint unite...
TRANSCRIPT
![Page 1: Setting up development environment for building SharePoint Framework solutions (SharePoint Unite '17)](https://reader038.vdocuments.us/reader038/viewer/2022100803/5a6693c27f8b9a5e648b49d7/html5/thumbnails/1.jpg)
w: rencore.com | e: [email protected] | t: @rencoreab
Manage Customization Risk and
Save on Maintenance Costs!
Customization governance, transformation
and risk prevention for SharePoint & Office365
Setting Up Development Environment for Building SharePoint Framework Solutions
![Page 2: Setting up development environment for building SharePoint Framework solutions (SharePoint Unite '17)](https://reader038.vdocuments.us/reader038/viewer/2022100803/5a6693c27f8b9a5e648b49d7/html5/thumbnails/2.jpg)
![Page 3: Setting up development environment for building SharePoint Framework solutions (SharePoint Unite '17)](https://reader038.vdocuments.us/reader038/viewer/2022100803/5a6693c27f8b9a5e648b49d7/html5/thumbnails/3.jpg)
Requirements
rencore.com
• Support multiple versions of SPFx
• Convenient
• Intuitive
![Page 4: Setting up development environment for building SharePoint Framework solutions (SharePoint Unite '17)](https://reader038.vdocuments.us/reader038/viewer/2022100803/5a6693c27f8b9a5e648b49d7/html5/thumbnails/4.jpg)
Building an SPFx solution over time
SPFx v1.3.1
SPFx v1.4
SPFx v1.5
SPFx v1.6
SPFx v1.7
rencore.com
![Page 5: Setting up development environment for building SharePoint Framework solutions (SharePoint Unite '17)](https://reader038.vdocuments.us/reader038/viewer/2022100803/5a6693c27f8b9a5e648b49d7/html5/thumbnails/5.jpg)
Ingredients
rencore.com
• Node.js
• SPFx toolchain (Yeoman generator)
• Code editor
![Page 6: Setting up development environment for building SharePoint Framework solutions (SharePoint Unite '17)](https://reader038.vdocuments.us/reader038/viewer/2022100803/5a6693c27f8b9a5e648b49d7/html5/thumbnails/6.jpg)
Environment
rencore.com
• Host
• Globally installed generator
• Locally installed generator
• Docker
• VM
![Page 7: Setting up development environment for building SharePoint Framework solutions (SharePoint Unite '17)](https://reader038.vdocuments.us/reader038/viewer/2022100803/5a6693c27f8b9a5e648b49d7/html5/thumbnails/7.jpg)
Environment
rencore.com
• Host
• Globally installed generator
• Locally installed generator
• Docker
• VM
No multiple versions
Bigly. Yuge!
Wot?!
![Page 8: Setting up development environment for building SharePoint Framework solutions (SharePoint Unite '17)](https://reader038.vdocuments.us/reader038/viewer/2022100803/5a6693c27f8b9a5e648b49d7/html5/thumbnails/8.jpg)
Environment
rencore.com
• Host
• Globally installed generator
• Locally installed generator
• Docker
• VM
No multiple versions
Bigly. Yuge!
This!
![Page 9: Setting up development environment for building SharePoint Framework solutions (SharePoint Unite '17)](https://reader038.vdocuments.us/reader038/viewer/2022100803/5a6693c27f8b9a5e648b49d7/html5/thumbnails/9.jpg)
VSCode Setup
rencore.com
• Intellisense
• Debugging
• F5-experience
![Page 10: Setting up development environment for building SharePoint Framework solutions (SharePoint Unite '17)](https://reader038.vdocuments.us/reader038/viewer/2022100803/5a6693c27f8b9a5e648b49d7/html5/thumbnails/10.jpg)
Next steps
• Check out official documentation at
aka.ms/spfx-docs
• Follow @OfficeDev to keep up with latest news
• Share your experience & feedback at
aka.ms/spfx-feedback
rencore.com