We encourage you to follow the course on Vue Mastery, and code along with us. This course has tags representing the start and finish of each lesson, just in case you get stuck.
Here are the commands you’ll want handy once you have it installed. I’m assuming you already have npm installed.
To install dependencies:
$ npm install
To run the server:
$ npm run serve
To get json-server, which we use for our mock database (Starting on API calls with Axios)
$ npm install -g json-server
To run the mock database
$ json-server --watch db.json
| Lesson | ||
|---|---|---|
| Vue CLI | n/a | Finished Code |
| Optimizing your IDE | Starting Code | Finished Code |
| Vue Router Basics | Starting Code | Finished Code |
| Dynamic Routes & History Mode | Starting Code | Finished Code |
| Single File Components | Starting Code | Finished Code |
| Global Components | Starting Code | Finished Code |
| Slots | Starting Code | Finished Code |
| API Calls with Axios | Starting Code | Finished Code |
| Lesson | ||
|---|---|---|
| Vuex State & Getters | Starting Code | Finished Code |
| Vuex Mutations & Actions Part 1 | Starting Code | Finished Code |
| Vuex Mutations & Actions Part 2 | Starting Code | Finished Code |
| Vuex Modules | Starting Code | Finished Code |
| Success & Error Notifications | Starting Code | Finished Code |
| Lesson | ||
|---|---|---|
| Progress Bar: Axios Interceptors | Starting Code | Finished Code |
| Progress Bar: In-Component Route Guards | Starting Code | Finished Code |
| Progress Bar: Global and Per-Route Guards | Starting Code | Finished Code |
| Completing our Progress Bar | Starting Code | Finished Code |
| Reusable Form Components: BaseInput | Starting Code | Finished Code |
| Reusable Form Components: BaseSelect | Starting Code | Finished Code |
| Reusable Form Components: BaseButton | Starting Code | Finished Code |
| Form Validation with Vuelidate | Starting Code | Finished Code |
| Form Validation with Vuelidate pt 2 | Starting Code | Finished Code |
| Mixins | Starting Code | Finished Code |
| Filters | Starting Code | Finished Code |