Set up your SharePoint Framework (SPFx) development environment

Подписаться 56 тыс.

Просмотров 34 тыс.

50% 1

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...
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...
• More details around SharePoint Framework - aka.ms/spfx
Learn more:
• Microsoft 365 Unified Sample gallery - aka.ms/m365/sa...
• Microsoft 365 Platform Community in RU-vid - aka.ms/m365/vi...
• Microsoft 365 Platform Community - aka.ms/m365pnp
Sharing is caring! You are awesome! 🧡

Опубликовано:

14 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 28

@YogeshBala-l1w 2 месяца назад

while trying to execute the npm I'm facing run 'nom fund' for details can't able to install, any idea how to fix this.

@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 Год назад

uh why good old times , its only been a year

@xunoe 2 года назад

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

@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 2 года назад

@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)

@TheLightofScience 2 года назад

very very useful, thank you!

@Woodraft 19 дней назад

You would think Microsoft would give him a better microphone.

@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.

@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?

@CHAMONIX552 6 месяцев назад

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

@gusguerresi3495 Год назад

Thank you

@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.