Set up your SharePoint Framework (SPFx) development environment

Рет қаралды 31,150

2 жыл бұрын

Video showing in practice how to setup your development environment for SharePoint Framework development. This video is using Windows 10 VM hosted in Azure as the demonstration environment.
⬅️ This tutorial assumes that you have completed following steps - • SharePoint Framework T...
➡️ Next steps are in following video - • SharePoint Framework T...
You can find written version of this tutorial from following location - docs.microsoft.com/en-us/shar...
April 2022 version using SharePoint Framework 1.14.
• Presenter - Vesa Juvonen (Microsoft) | @vesajuvonen
SharePoint Framework (SPFx) is the easiest professional developer option to build enterprise extensibility for Microsoft Teams, Microsoft Viva and SharePoint. There are tens of millions of monthly active users (MAU) for custom extensibility in Microsoft 365 built with SPFx.
Supporting materials:
• Tutorial documentation - docs.microsoft.com/en-us/shar...
• More details around SharePoint Framework - aka.ms/spfx
Learn more:
• Microsoft 365 Unified Sample gallery - aka.ms/m365/samples
• Microsoft 365 Platform Community in KZfaq - aka.ms/m365/videos
• Microsoft 365 Platform Community - aka.ms/m365pnp
Sharing is caring! You are awesome! 🧡

Пікірлер: 26

@TheLightofScience Жыл бұрын

very very useful, thank you!

@xunoe Жыл бұрын

Thank you! And it was raining there. ^^'

@gusguerresi3495 10 ай бұрын

Thank you

@paugusto76 Жыл бұрын

We moved from dll hell to install hell...This is what keeps me from engaging in SharePoint development (and I have done a lot wsp development in the past)

@MicrosoftCommunityLearning Жыл бұрын

You can install all dependencies to your dev machine with single command and you are good to go. Not sure where the "hell" term comes with that and it's aligned on the industry standard web stack development patterns. If you have any issues with the required steps, please submit an issue at aka.ms/spfx-issues and we can help.

@coloneljcd6041 Жыл бұрын

Ahh the good old times when I could just install a vm with everything..

@XEQUTE 11 ай бұрын

uh why good old times , its only been a year

@vinayayinapurapu 2 жыл бұрын

Nice one Vesa. Is NVM is not a recommended way? To install node

@MicrosoftCommunityLearning 2 жыл бұрын

That's absolutely an option and works great as well. We are not really defining the "recommended" option as what works for one, might not be good for another. These videos provide baseline but can be of course extended with the NVM usage.

@GoAway-zi8wu Жыл бұрын

@10:28 your cli doesn't show depreciated. I think your background color is the same as the text. (First line after install gulp-cli)

@OptimalTrainingGroup Жыл бұрын

There has to be an easier way. I had a tough time with the installation. Wasn't as smooth as you have shown

@MicrosoftCommunityLearning Жыл бұрын

Please share your issues at aka.ms/spfx-issues, so that we know what was wrong. Thx.

@MikeOtt 2 жыл бұрын

I'm getting the following error installing Chocolatey Exception calling "DownloadString" with "1" argument(s): "The underlying connection was closed: Could not establish trust relationship for the SSL/TLS secure channel." Any suggestions?

@MicrosoftCommunityLearning 2 жыл бұрын

Please report any issue at aka.ms/spfx-issues. We have SPFx engineering team helping with the questions there.

@alirobe 2 жыл бұрын

Is your time/date set correctly?

@MrAbueslam Жыл бұрын

I ran into a few issues , error at gulp serve, when I created solution. >gulp trust-dev-cert node:internal/modules/cjs/loader:936 throw err; ^ Error: Cannot find module 'C:\Users\u8035awe\AppData\Roaming pm ode_modules\gulp\bin\gulp.js' ←[90m at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)←[39m ←[90m at Function.Module._load (node:internal/modules/cjs/loader:778:27)←[39m ←[90m at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)←[39m ←[90m at node:internal/main/run_main_module:17:47←[39m { code: ←[32m'MODULE_NOT_FOUND'←[39m, requireStack: [] } Note: It worked with me befor then I started running with error like funding , version , I started uninstalling and installing but no luck . Today I managed to get to this stage. node 16 installed

@MicrosoftCommunityLearning Жыл бұрын

This is a bit confusion from our side - you will need to execute the 'gulp trust-dev-cert' command in a project - so it only works AFTER you have scaffolded a SPFx solution and you execute that in that folder... even though the command is global and not solution/project specific. Hopefully that gets you unblocked.

@MrAbueslam Жыл бұрын

@@MicrosoftCommunityLearning thanks for your reply. I did execute command after I created solution and we part type . I did go through this procedure and created a web part on my sharepoint site 2 months ago then I ran into issues then from that date I still facing errors. I tried fresh installation but no luck.

@MicrosoftCommunityLearning Жыл бұрын

@@MrAbueslam Can you post this question at the aka.ms/spfx-issues as we have engineers and other community members helping there around these kind of situations. Just easier to get help from that channel with multiple people helping questions.

@gilesgregg 2 жыл бұрын

Can you show the set up process on an M1 Mac, I'm getting a lot of errors

@MicrosoftCommunityLearning 2 жыл бұрын

Can you please share details on the issues you are seeing at aka.ms/spfx-issues and our engineering team can help to get things sorted out. Thx.

@fuehnix Жыл бұрын

So much of Microsoft's bot framework and other tools are out of date, even in this 10 month old video, they talk about being too far behind to use the latest version.... I had so many dependency issues while trying to install your prerequisites on windows. Wasted days of time before even getting to write a single line of code!

@MicrosoftCommunityLearning Жыл бұрын

We'd love to hear more on what kind of problems you had and where we can improve - any change you could provide an issue at aka.ms/spfx-issues for us to track this. Thx.

@shoebrahman8484 2 жыл бұрын

gulp trust-dev-cert command shows error for generating the certificate

@MicrosoftCommunityLearning 2 жыл бұрын

Please submit details at aka.ms/spfx-issues and we'll have engineering helping you to get unblocked.

@CHAMONIX552 2 ай бұрын

I use node.js 14.16.1 for SPFX environment. When I ran: npm install -g yo@4.2.0, keep getting self sign cert chain error even though I have already set this in .npmrc file. also run them in command line, strict-ssl=false ca= NODE_TSL_REJECT_UNAUTHORIZED=0 still in vain I ran npm from /users/id/ directory