Skip to content

Instantly share code, notes, and snippets.

@johnpapa
Last active Apr 13, 2020
Embed
What would you like to do?
Vue Fundamentals Workshop Setup

Description

Do you want to learn the fundamentals of Vue so you can start creating apps right away? Join us and you’ll learn Vue from the ground up including how to display data, capture user interactions, create components, communicate across components, debug your app, add in plugins, and so much more. This one day workshop is for developers who have not started or have just started, learning Vue. Bring your laptop, as you’ll be writing Vue code using what you learn in several hands-on exercises. Who should attend

This one day workshop is for developers who have not started or have just started, learning Vue.

What will you learn

During the course, participants will have the chance to gain not only theoretical knowledge but also practical methodologies.Specifically talking the course will include :

  • Setup Your Environment with Essential Tooling
  • Templating with directives, data rendering, methods, and computed properties
  • Component Structure and Communication
  • Create and Control Your App with the Vue CLI
  • Navigating Your app with Routing
  • Interact with APIs using Axios
  • Manage State with Vuex

Installations

Install the latest Active LTS for Node.js (currently 10.16.0 +)

Install the vue cli npm install -g @vue/cli

Install Visual Studio Code

Install the Vue Vetur extension

Install the Vue Code Snippets extension

Install the Vue devtools for Chrome https://jpapa.me/vuedevtools

Install the Redux dev tools for Chrome http://jpapa.me/reduxext

Verification

Open a terminal and run the following commands to verify your installations.

node -v

vue --version

Need help with sudo on your macOS ? Click here

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment