Courses
Vue Foundations Vue Fullstack Vue Enterprise
Articles
Latest Topics
More
Newsletter Sponsorship Discord About
Full-Stack Vue + Node > Lesson 4

Using the starter code

Resources:

  • PrintBay source 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.

Clone code

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; data and vagrant.

So go ahead and change into the data folder by typing:

cd data

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://github.com/vuejsdevelopers/printbay .

Log into box

Once the clone is complete, let's go back into the Vagrant box by typing cd ../vagrant and then vagrant ssh.

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.


Back to course page

Click to load comments...

Courses
  • Vue Foundations
  • Vue Fullstack
  • Vue Enterprise
Articles
  • Latest
  • Topics
Newsletter
  • Join
  • Sponsorship
More
  • Discord
  • Vue.js jobs
  • About

Vue.js Developers © 2021. View our privacy policy .

  • RSS
  • |
  • Atom