Weather Visualizer created using Vue.js

by Vue.js Examples

Weather Visualizer

This app was created using Vue.js! It gets your current location and displays the weather for it. The background and icons change according to the weather at your location!

View Demo View Github

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

My App Notes

  • Create Vue app: "vue create 'app-name'
  • Start: 'yarn serve'
  • v-model is for two-way binding
  • v-on
  • v-if
  • v-else-if
  • v-else
  • mounted is on load
  • :class="Javascript logic here"

Deploying

  • checkout to gh-pages
  • git merge master
  • yarn build
  • git add dist && git commit -m "Initial dist subtree commit"
  • git subtree push --prefix dist origin gh-pages

GitHub