 Hi, I'm Andrew Connell all right now. What about creating projects for SharePoint online? Well, this part of the video is going to get start is where things are going to get a little outdated Because as Microsoft releases new versions of the SharePoint framework We're going to see the numbers here that I'm going to use are going to be a little bit different Specifically is probably going to be the the most things are going to change here is the version of the SharePoint framework And also the version of node that we're installing because we want to use the latest and greatest of what's been provided to us By Microsoft well again just to recap We have two versions of node that are installed version six and version eight the next thing we want to install is at the time of the recording the current of Production like generally available release of the SharePoint framework is one dot thirteen dot one That supports or is supported supports running node v14 So that codename is LTS fermion. So let's go ahead install a version of node for Working with SharePoint framework one dot thirteen. So I'll say nvm install LTS fermion that'll install fairly quickly. There we go And now I can go install everything else that we need. So I'll just say npm install. We'll use that one I do know that we do need gulp v4 for One dot thirteen that's in the release notes And then I'll also just say instead and this is the part where you can get a little like you a little cute with this There are aliases for each of the packages that you can use as well So I know that if I choose latest that's going to give me the most current production release Generally available release the SharePoint framework that's been released So the only thing you gotta be careful here is that okay? Do I have the right version of node installed? Do I have the right version of yeoman installed? Just check the release notes and make sure it's cool So I'm gonna go ahead install the latest release of the SharePoint framework here and we'll let all of this stuff complete Cool. Everything is now good. We got everything installed Just as a footnote here if you ever are installing stuff with anything any npm package and Let's see if I can get back up here a little bit There and you start to see things like little errors that pop up here about no receipt for Com dot Apple dot package. This isn't that important and you can ignore this. There's just a These are the command line tools for Xcode that have to be installed on my macOS version These are not This is not a big deal. It's just a Think about it like if you're on Windows, it's like the C++ redistributable stuff I just don't have those installed right now or I've upgraded my version of macOS since I last install them So they need to be updated. It's not a big deal Okay, now the cool thing here now we got this we got our our SharePoint online environment set up for doing SharePoint framework development A couple more things we can create a few more aliases. So I will say NVM alias We want Which one do we just install we just installed we better back up. I'm gonna forget this. So let's say NVM LS 14.18.2 so NVM alias We did spfx one dot one dot thirteen dot one for sp or for v 14.18.2 and We did and this was for SharePoint online. So I'll do spfx-spo Cool and we'll do NVM LS and again, this is great because now I'm still don't have to keep track of What version do I have installed? What's available to me? I've got two things right here spfx SharePoint 2016 SharePoint 2019 and SharePoint online But wouldn't it be cool if we could do one more? You bet. Let's see how to do this and set up a beta environment or environment We can use for testing some of the SharePoint framework beta deployments So if I did an NPM info at Microsoft slash generator dash SharePoint What I'm gonna see when this comes back is it's gonna tell me that the latest version of the SharePoint framework Generator that's available to me is one dot thirteen dot one That's the generally available version, but I can see here that they have a beta version. That's also available that they're working on So one dot fourteen zero dash beta four Let's install a beta environment. Now if I go read the release notes for this I know that this thing is only supported up to Node v14 Well, that can be a bit of a challenge because now if I just saw a second ago where I did an NVM LS You saw where I was using I installed fermion, but fermion points to 14 dot 18 dot 2 which we clearly already have installed I can't use the same for the same thing. So what I have to do is find another version that I can use So I know that there's one version less that I can go to instead of getting a job the list right now I could do NVM LS Remote or dash remote And that would give me a list of all the different node versions that are available to install Takes a second to get all those those so I'm gonna just speed things along and I'm gonna say NVM install v 14 dot 18 dot one So I'm gonna go one version back Generally, that's I'm just finding another version that's available to me. That's pretty close to the current one It's close enough. So now that that's installed. Let's now do the same thing. We gotta say npm Install and we want the same stuff except this time instead of saying latest. I'm gonna say I want next And I'm gonna let it go through and install all the stuff that it needs for my project or for creating projects Right now, but this is using the most recent beta that's available for the SharePoint framework Now that we have our beta environment all set up. I'm now gonna say NVM alias I know that we created the one we created was 14 dot 18 dot one I'm now gonna call this one. The alias we have here is 14 dot zero dash beta dot four and Then I'm gonna do the same thing that we've done in the past, but I'm gonna make it easier to figure out what this is by saying SPFX SPFX beta like that And so now what I have if I do NVM LS I now have a Developer environment that can create projects for SharePoint online using the latest versions of SharePoint framework I can do it for SharePoint 2016 To create 1.1 versions of my projects I can do it for 2019 and I can do it for SharePoint SE as well Which means I can do all the different possible SharePoint Deployment options and create all these different projects and the cool thing is it's all on one machine I'm able to do that primarily because I'm using the tool NVM to manage different node versions that are out there Not sure what NVM is go Google it up or come over to my blog I've got a note I'll put a link here in the notes of the video Where I've written about it and show you how great this tool is and makes your life so much easier Now let's see how to create a SharePoint developer environment in Windows for SharePoint online And this is gonna be using the latest and greatest version of the SharePoint framework All the same stuff still applies that you just saw in the Mac OS version. We're using SharePoint framework 1.13 So again, we're gonna need a version of node version 14 to install So we know that we were using on the last on our Mac OS version 14.18.2 is available So I'll say NVM install 14.18.2 We will then switch over to using that version. We just installed so NVM use 14.18.2 And now let's go install everything that we need to install NVM install at Gulp or Gulp CLI at 2.3.0 Yeoman at version 4. We do know we need that for the SharePoint framework 1.13.1 And then we need Microsoft Generator SharePoint at Latest and we'll go ahead and let everything install here and I'll save you the time for watching NVM go crazy Well, so now you can see that we've got our environment is all set up for working with SharePoint online now and using the latest version of the SharePoint framework And again, we can prove that By going back to our folder where we can create our projects I create a new folder for this So this will be SPFX-SPO CD SPFX-SPO and we'll do yo at Microsoft slash SharePoint skip Install and we'll be able to see that we're definitely running with the latest version of the SharePoint framework because we can see we're 1.13.1 So I don't need to go about creating a project here That's pretty self-explanatory that we've got that up and running and that our generator is working Now, let's see how we can set up SharePoint framework Development for working with SharePoint online and specifically a beta version of the SharePoint framework So again, we're gonna install double check and just see a list of everything we have installed here We know that 14.18.1 is available because we use that on macOS. So I'll say NVM install 14.18.1 Now we'll use that version so NVM use 14.18.1 And I will say let's go ahead and install everything that we need. So I'll say npm install Goalt dash CLI at 2.3.0 yeoman version 4 and the microsoft SharePoint framework generator Generator dash SharePoint at next And we'll now let it go ahead and install everything that it needs for Installing and working with the SharePoint framework version. Well, whatever the beta version is that's available to us All right So now you can see that we've now created our SharePoint developer environment and it now supports SharePoint framework beta in this case here It's 1.14 beta 4 of 1.14 So again, you know, I can come back if I come over here and I do an NVM LS we can see we've got a bunch of different versions of node installed and each one of them has a different version of the SharePoint framework setup So right now you can see I'm on 14.18.1 if I did an npm NPM list dash G dash dash depth Equal zero What we'll see here is that we're running SharePoint framework the beta version 1.14.0 beta 4 However, the version that we installed a minute ago on the previous in a previous video We had 14.18.2 that was for the latest version of the SharePoint framework for SharePoint online And then you can see I've got two other ones set up here one of these. I think 18 at 17 That's for SharePoint 2019 SharePoint server 2019 and SharePoint server subscription edition and 16.7 sorry 6.17.1 That's for SharePoint framework SharePoint server 2016 feature pack 2 It's where we can create projects using SharePoint framework 1.1 So here you can see you got one machine that is now set up to do SharePoint framework development for all possible environments If you got any questions about this, please feel free to leave a comment below the video Or feel free to head over to the blog post And you'll get a bunch that are all referenced in the show notes And you to get a bunch of additional links and guidance and explanation on how everything is all set up all these Definitive guides that I did for the different on-prem versions Hoping they'll be very useful for you. So with that, thanks a lot for watching