Using the starter code
In this video, we're going to install the source code for the case-study app for this course.
This code is located on the Git server that I gave you access to when you enrolled in the course. So log in first, then come here to the PrintBay project.
Make a fork
The first thing you need to do is make a fork of this repo. This ensures you can make changes to the source code and push them to your own remote repository.
The added benefit of having a fork is that if you ever get stuck and need help, you can always share the repository link with me or other students.
To create a fork, simply click the fork button and create it in you own namespace.
Now that you've made a fork, you'll need to clone the forked repo into your local computer.
In the last video, when you cloned the Vagrant configuration repo, it included two folders in the root;
So go ahead and change into the
data folder by typing:
It's important that you install the project code exactly here, because this
data folder is shared with the virtual development environment.
To clone the code, go to your fork of the project and click the Clone button and copy the appropriate URL.
Back in the terminal, type
git clone and then paste the URL. Now, it's very important to then put a
. after the URL which ensures that the code is cloned into the current directory, and not into a sub-directory.
$ git clone https://git.vuejsdevelopers.com/vue.js-professional/printbay .
Log into box
Once the clone is complete, let's go back into the Vagrant box by typing
cd ../vagrant and then
Once inside the box again, change into the
app directory. This directory is a shared version of the
data directory so you should see you cloned project in here. Let's verify that by listing the diretory contents
The last thing to do is an NPM install, so go ahead and type
npm i. It's slower to install from within the Vagrant box, however there are some dependencies which are environment specific, so you need to do it here in the guest machine.
$ cd ../vagrant $ vagrant ssh $ cd app $ npm i
And with that, you're now ready to begin development of the case-study project.