Starter code installation
As I said, this is a hands-on course and we're going to be building a project as we learn the key features of Vue 3.
To save you having to create this project from scratch, though, I've created a starter code repository on GitLab.
In this video, we're going to get that code installed on your local machine.
I've put the link to the repository in the course resource so go ahead and open that in your browser now.
By the way, if you have any problems during the installation process, make sure check the bottom of the README file where I've put a troubleshooting section.
So if you get stuck, firstly, make sure you've followed all the steps exactly as I have in these videos and in the README file, and if that doesn't work, consult the troubleshooting section.
Rather than installing this code directly from my repo, you first need to make a fork.
It's very easy to do this, just find the "fork" button, and choose your account for the namespace, and the fork will begin.
What forking does is its creates a copy of the repository for your own account. This is going to be handy for storing your code as you create it, but also, if you want to share your code with anyone, you'll have a repo that you can easily link people to.
Now that that's complete, you can see we have the same poster-shop repo, but now it's under a personal account.
Now that you've made a fork, you're ready to download the code onto your computer. To do this, you just need to click on this "Clone" button.
I recommend you select "Clone with HTTPS". If you don't know what that means, don't worry, just click to copy that link to your clipboard.
The next step is to open a terminal on your computer, and change into the directory where you want to have your starter code installed. For me, I want to put it into my Projects directory so I'll type...
$ cd ~/Projects
Once you're in the right directory, type "git clone" and a space, and then paste that link you just copied to your clipboard from GitLab and press enter.
That's going to download the starter code.
$ git clone https://github.com/vuejsdevelopers/vue3-poster-shop.git
Once the starter code is finished downloading, you need to install the NPM dependencies.
So, firstly, change into the directory that the code installed in, which should be
poster-shop. Then, do an NPM install and the project dependencies will be downloaded.
$ cd poster-shop
$ npm install
Once that's finished, your project is installed. In the next video, we'll see how to run the development server.