https://github.com/sejr/vuefire-quickstart

A boilerplate for web applications using Vue.js and Firebase, ft. Webpack and ESLint.
https://github.com/sejr/vuefire-quickstart

Last synced: 19 days ago
JSON representation

A boilerplate for web applications using Vue.js and Firebase, ft. Webpack and ESLint.

• Host: GitHub
• URL: https://github.com/sejr/vuefire-quickstart
• Owner: sejr
• Created: 2017-01-05T18:00:38.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-01-06T05:57:25.000Z (over 7 years ago)
• Last Synced: 2024-02-02T05:14:38.942Z (4 months ago)
• Language: JavaScript
• Size: 155 KB
• Stars: 80
• Watchers: 4
• Forks: 11
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Lists

• awesome-vue - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Resources / Examples)
• awesome-vue - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Resources / Examples)
• awesome-vue - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Resources / Examples)
• awesome-vue - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Resources / Examples)
• awesome-vue-refactor - **vuefire-quickstart** - [](https://github.com/sejr/vuefire-quickstart) - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Awesome Vue.js [](https://github.com/sindresorhus/awesome) / Libraries & Plugins)
• awesomer-vue - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Awesome Vue.js [](https://github.com/sindresorhus/awesome) / Examples)
• awesome-vue - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Resources / Examples)
• awesome-vue - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Resources / Examples)
• awesome-vue - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Resources / Examples)
• awesome-vue - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Resources / Examples)
• awesome-vue - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Awesome Vue.js [](https://github.com/sindresorhus/awesome) / Examples)
• awesome-vue - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Awesome Vue.js [](https://github.com/sindresorhus/awesome) / Examples)
• awesome-vue - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Awesome Vue.js [](https://github.com/sindresorhus/awesome) / Examples)
• awesome-vue. - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Awesome Vue.js [](https://github.com/sindresorhus/awesome) / Examples)
• awesome-vue - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Awesome Vue.js [](https://github.com/sindresorhus/awesome) / Examples)
• awesome-vue - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Awesome Vue.js [](https://github.com/sindresorhus/awesome) / Examples)
• awesome-vue - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Resources / Examples)
• awesome-vue - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Resources / Examples)
• awesome-vue - **vuefire-quickstart** ★66 - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Awesome Vue.js [ ★101652](https://github.com/sindresorhus/awesome) / Examples)
• awesome-vuejs - **vuefire-quickstart** - Documented Firebase integration w/ webpack and eslint, by [@sejr](https://github.com/sejr). (Awesome Vue.js [](https://github.com/sindresorhus/awesome) / Examples)

README

        


# vuefire-quickstart

> **vuefire-quickstart** makes web application development with Vue.js and Firebase

simple, providing the required npm modules and helpful comments. In the future we will

likely move toward a more opinionated structure that allows for rapid project

scaffolding. It comes bundled with webpack and Babel so you can tap into the

latest trends in JavaScript app development.

[**A demo version is available here:** https://vuefire-quickstart-demo.firebaseapp.com/]

(https://vuefire-quickstart-demo.firebaseapp.com/)

## Build Setup

For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

# run unit tests

npm run unit

# run e2e tests

npm run e2e

# run all tests

npm test

```

## Deploy to Firebase

**Note:** When deploying with Firebase, you will be prompted for the directory

name that contains your built app. By default, Firebase searches for a `public`

directory. You should change this to `dist` to avoid having to modify the build

process that came with the template.

``` bash

# build for production with minification

npm run build

# make sure you've installed the firebase CLI

npm install -g firebase-tools

# initialize a firebase app; see above note

firebase init

# deploy to firebase servers

firebase deploy

```