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: 1 day 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 (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-01-06T05:57:25.000Z (almost 9 years ago)
- Last Synced: 2024-05-05T13:32:16.231Z (over 1 year ago)
- Language: JavaScript
- Size: 155 KB
- Stars: 80
- Watchers: 4
- Forks: 11
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- 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)
- awesome-vue-zh - **vuefire,快速入门** - 记录的Firebase集成w/webpack和eslint,by[@sejr](https://github.com/sejr). (awesome-vue [](https://github.com/sindresorhus/awesome) / 例子)
- 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)
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
```