https://github.com/bencodezen/hello-vuejs

A hello world demo of how amazing Vue.js is
https://github.com/bencodezen/hello-vuejs

Last synced: 4 months ago
JSON representation

A hello world demo of how amazing Vue.js is

• Host: GitHub
• URL: https://github.com/bencodezen/hello-vuejs
• Owner: bencodezen
• License: mit
• Created: 2019-10-04T19:20:52.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2021-06-05T12:38:36.000Z (over 4 years ago)
• Last Synced: 2025-01-26T09:28:54.817Z (about 1 year ago)
• Language: JavaScript
• Size: 17.4 MB
• Stars: 1
• Watchers: 3
• Forks: 1
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Hello Vue.js!

This repo is my Hello World version of Vue.js! It is meant to be used for demo purposes and a quick overview of just how awesome it is. 😎

![Recording of Hello Vue.js app where user can type in the input to update the button text, and click on a button to fire confetti, updated text and show a ghost](/preview.gif)

## Content

This repo contains two versions of the same app:

1. Built with only the minified CDN which has been included in the repo in order to minimize dependencies on WiFi

2. Built with the Vue CLI in order to provide an overview of what a standard Vue.js project is like

### Simple CDN Version

There are two primary files in here:

1. `hello-vuejs.html` - starting point for the app

2. `hello-vuejs-finished.html` - the finished version of the app

### Vue CLI Version

Once you open the `./vue-cli` in your terminal, you can run the following to get a local web development environment setup.

```bash

# Install dependencies

npm install

# Run local web server

npm run serve

```

## Credit

[Source: Cute ghost image](http://www.fortmcmurraytourism.com/things-to-do/events/2014/10/19/jr-boo)