Installing Semantic UI скачать в хорошем качестве

Installing Semantic UI

ACCESS the FULL COURSE here: https://academy.zenva.com/product/ful... TRANSCRIPT What's up, everyone? Welcome back. Here we've got a fairly straightforward tutorial. We're just going to install Semantic UI and we're gonna get our project set up and ready for us to use, because in the next section we want to jump right into exploring some individual components. So our steps here are going to be to first install Node.js. If you've already installed that, that's great, you can basically skip a step there. After this we're going to install gulp, that's only gonna take a minute or so, and then we'll start a new npm project, we'll run that npm in it to get ourselves set up and once we have that project ready to go, we'll install Semantic UI into that project. We may as well start up an indexed html file and install the necessary headers as well, just so that next section we can launch right into the actual development. So let's head on over to the Semantic UI website, again this is just semanticui.com, and I've clicked on Getting Started, that's gonna be this link at the top left here. So this actually gives you most of the installation instructions, it doesn't actually say anything about starting an npm project, so I'll guide you through the entire process. You can follow this or follow along with me. So that first step again is gonna be getting your hands on Node.js. If you don't have Node.js then you can search for it under download Node.js or something like this, and go to that Downloads page and just download the correct installer, Windows or Mac, 32 or 64 bit, depends on which system you're using. Once that installer comes up then simply open up the package, install Node.js, and when you're ready to move on we'll go to the next part of this, which is going to be installing gulp. So let's get Terminal up and running. For you Windows users this will be Command Prompt. You want to make sure that you're running Command Prompt as an administrator or some of these commands may not work. For those of you who are using Macs, just type in sudo before any command to give those administrator privileges. So we'll install gulp, we'll do sudo npm install -g gulp, so make sure you have the dash and gulp. Windows users, just enter your password, Windows users, you can do this command without, or npm install without sudo, okay? So if you're using Windows, you're running this on an administrator Command Prompt, don't include the sudo portion. Okay, so it's updated one package, that's good. If you've never installed it before it will say success, installation success, or something like that. Assuming that you have no problems there, let's move to the next portion. So at this stage you do need to have npm ready to use. So we'll now start up a new project folder. You can do so in the Command Prompt. I find it a little easier to do so in Finder, especially easier for you guys to see. So I have this Semantic UI project that's just under Desktop, Zenva, Bootstrap Semantic UI. Just find a good place for your project, we're gonna create a new folder, I'm just gonna call this something like practice. Ah, maybe that's, yeah, we'll do it like practice_project, something like that is fine. All right, and then we're gonna need to navigate to that practice_project in our Terminal now.