Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Lessons:11Length:1.3 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

1.2 What You Need

In this lesson, we'll cover what you need to follow along in this course and use the Vue CLI. It's simple, really. You just need to download and install Node. We'll do everything else through NPM.

Related Links

1.2 What You Need

In order to use Vue CLI, you need a Node on your system. Now, this is one of those cases where you need a Node not just for MPM, but you need it for Node because a lot of the tooling involved uses Node as a backend in order to, well, just make all of the magic happen. So if you already have Node installed, then you will want to check to see what version you have because you need to have at least 8.9 or above. And in fact, the folks at Vue recommend 8.11 or above. So if you're not sure if you have Node installed, or you're not sure of what version you have, just go to the command line, type in node --version. And, of course, if you don't have Node, then that's not going to work. But if you do, it's going to tell you what version you have installed. As you can see I have 10.13, which is the latest LTS version as of this recording. So if you need to update, or if you need to install Node, you can do that by going to nodejs.org. You're going to be greeted with two versions. The first is labeled as LTS, the second is labeled as Current. Now, LTS stands for long term support, so that typically means it is going to be supported for a long time. This is their stable version or their stable branch, if you will. So that is typically what you would want to go with. The LTS is always going to be an even number. Well, I'll say always. For right now, the LTS will be, I almost did it again, will be even. So we see 10, the last LTS version was 8. And in fact, this is a fairly new release as far as LTS is concerned because just 30 days ago, the LTS was 8. So we have a change there. Now the current version, I'm not going to call it the beta version, but it is where new ideas and new features are implemented and hardened. So in that sense, it's kind of like beta. But if you want to go with the current version, feel free. It's not going to cause a detriment on our part, unless if there's an issue or a bug with that particular version that they released. So the install is very simple. Just download, install it, take the defaults and you are good to go. So once you have that, then you want to go back to your command line because then we get to use npm to install the Vue CLI. So we'll say npm install-g because we want to install this globally which will allow us to use the vue command. Now if you use Yarn, then it's going to be yarnglobal@vue/cli. So we'll get this installing. It takes a few seconds, so through the magic of editing, we'll see that it actually doesn't take long at all. After you have globally installed the Vue CLI, you will have a vue command, which if you just run by itself, it's going to give you essentially the help for that command. Now, there are two options. We can see the version, and we can also see the help, which is what we're seeing here. But we can also see the other commands that we can use in conjunction with the vue command. Now the first is create, which is what we will look at in the next lesson. That is for creating a new project. And then after that, we are going to look at the UI command, which basically allows us to do the same thing but with a user interface. Which seems kind of interesting considering that we are using the Vue Command Line Interface. Anyway, that's available and we will be looking at those here in the next few lessons. But for now, let's just check the version. Let's see I have 3.1.3, which is the latest version. You, of course, might have something different based upon when you're viewing this course. But that is a good place to stop, so that in the next lesson, we will use the vue command to create a project.

Back to the top