How to Install Vue.js

ACCESS the FULL COURSE here: https://academy.zenva.com/product/full-stack-web-development-mini-degree/

TRANSCRIPT

What's up, guys? Welcome to the first part of our Vue.js tutorial series. Here we're going to work on installing Vue.js and setting up a new project and this will just serve as a starting point for the future tutorials. So what do we need to get started? We'll need some kind of a text editor. I'll personally use Sublime Text, although feel free to use whichever one you want. You can even use simple Notepad or TextEdit if you want. Just as long as you have a way to write your JavaScript code. We'll also need a Terminal or Command prompt or PowerShell. This depends on which environment you're using. I think Mac and Linux is Terminal and Windows is Command prompt or PowerShell. You just need to be able to run some basic Linux commands. And we'll need a browser. I'm assuming if you're watching this tutorial, you do have a browser set up. I think Vue.js has some troubles with Internet Explorer so it's a good idea to use Chrome or Firefox or Safari. I think there's also support for Opera, although I'll be using Chrome as well. We'll also need Node.js. I'm assuming that you have some experience with Node.js and using the npm to set up a project and it'll also install packages as well. So in this tutorial, we'll start by setting up a new npm project. We'll then install Vue through this command, npm install vue. It's gonna be very simple. And then we just need to add a script tag in the HTML head and that's it. After we have our HTML file set up with a script tag, we've run the install vue, then we're good to go. Now there are some options in the script tag. We can either specify a specific version or we can just use the latest version available. I think it's probably a good idea to specify which version you're using, as once you release your product into an actually usable environment, a production environment, it's always a good idea to actually specify the version just so that you don't get any crashes or incompatibility issues. So let's head on over to Terminal, actually. And what we're gonna do is start with an npm project setup. So I have one set up on desktop already. I'm kind of assuming you know basic Linux commands. cd will just change your current directory. I'm gonna change mine to the Desktop. I can do an ls to display everything here. I'm just going to cd into a Zenva, an ls cd into Vue directory. There should be nothing in there. It's just an empty folder right now. Again ls, there's nothing there. I'm going to actually start a new directory it's just gonna be practice so, make directory Practice, and I'm going to cd into Practice, so ls nothing there. Then we're just going to do the npm in it. Okay. So I'm just gonna start with t ... https://www.youtube.com/watch?v=Zt4Uvk965IA