msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity

Update README.md

Browse Source
pull/313/head
Jen Looper 5 years ago committed by GitHub
parent 16b7fbdc0d
commit 542881baa7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File

12
7-vue/README.md
Unescape View File

@ -3,7 +3,7 @@
| **Project Goal** | Get started with Vue.js basics and simple API calls | | **Project Goal** | Get started with Vue.js basics and simple API calls |
| ------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------- | | ------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------- |
| **What you’ll learn** | Setting up your Vue app, components basics, performing simple REST API calls using Axios | | **What you’ll learn** | Setting up your Vue app, components basics, performing simple REST API calls using Axios |
| **Tools you’ll need** | A modern browser like Chrome. A [GitHub](https://github.com) account which can be used to login to [CodeSandbox](https://codesandbox.io). | | **Tools you’ll need** | A modern browser like Chrome. A [GitHub](https://github.com) account, [VS Code editor](https://code.visualstudio.com/), and the [Vue CLI installed](https://cli.vuejs.org/). |
| **Time needed to complete** | 1 hour | | **Time needed to complete** | 1 hour |
| **Just want to try the app?** | [CodeSandbox link](https://codesandbox.io/s/web-1-mini-workshop-koj8w) | | **Just want to try the app?** | [CodeSandbox link](https://codesandbox.io/s/web-1-mini-workshop-koj8w) |
@ -11,7 +11,15 @@
## Scaffold your app ## Scaffold your app
We'll start from scratch in [CodeSandbox](http://codesandbox.io). Create a CodeSandbox account and scaffold a starter Vue.js template by clicking [here](https://codesandbox.io/s/vue). We'll start from scratch on your local computer. Navigate to an area where you want to create your new web app and use your terminal or command line to use the Vue CLI to scaffold an app. Type: `vue create my-pet-app`. A folder with that name will be created in your specified location.
Answer the CLI questions to create a Vue 3 app:
`Default (Vue 3 Preview) ([Vue 3] babel, eslint)`
Your app is scaffolded and initialized.
---
We're going to build an application to load random dog images and store them to a favorites list: We're going to build an application to load random dog images and store them to a favorites list:

Write Preview
Loading…
Cancel
Save