https://github.com/voluntadpear/todomvc-vue-webpack

TodoMVC with Vue.js 2 + Webpack
https://github.com/voluntadpear/todomvc-vue-webpack

codesplitting firebase firebase-database javascript todomvc vue vuejs vuex webpack2

Last synced: 8 months ago
JSON representation

TodoMVC with Vue.js 2 + Webpack

• Host: GitHub
• URL: https://github.com/voluntadpear/todomvc-vue-webpack
• Owner: voluntadpear
• Created: 2017-07-13T16:12:59.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-07-13T16:13:51.000Z (over 8 years ago)
• Last Synced: 2025-04-10T00:14:58.992Z (8 months ago)
• Topics: codesplitting, firebase, firebase-database, javascript, todomvc, vue, vuejs, vuex, webpack2
• Language: Vue
• Size: 104 KB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-vue - todo-mvc-webpack - TodoMVC with Vue.js 2 + Webpack ` 📝 4 years ago ` (Examples [🔝](#readme))
• awesome-vue-zh - 待办事项-MVC-的WebPack - basic模板在Vue 2上实现TodoMVC,示例显示了vuex,vue-router,中央事件总线和VueFire. (awesome-vue [](https://github.com/sindresorhus/awesome) / 例子)
• awesome-vue - todo-mvc-webpack - basic template with examples showing vuex, vue-router, central event bus and VueFire. (Resources / Examples)
• awesome-vue - todo-mvc-webpack ★3 - basic template with examples showing vuex, vue-router, central event bus and VueFire. (Awesome Vue.js [ ★101652](https://github.com/sindresorhus/awesome) / Examples)
• awesome-vue - todo-mvc-webpack - basic template with examples showing vuex, vue-router, central event bus and VueFire. (Awesome Vue.js [](https://github.com/sindresorhus/awesome) / Examples)

README

          
# TodoMVC with Vue.js 2 + Webpack

[TodoMVC](http://todomvc.com/) implementation built to try Vue.js 2 using the [webpack-simple](https://github.com/vuejs-templates/webpack-simple) template. 

## Branches

* **master**: Basic implementation

* **bus**: Using a [central event bus](https://vuejs.org/v2/guide/components.html#Non-Parent-Child-Communication)

* **vuex**: Using [Vuex](https://vuex.vuejs.org/en/)

* **Firebase**: Using [VueFire](https://github.com/vuejs/vuefire)

## Build Setup

### NPM

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

```

### Yarn

``` bash

# install dependencies

yarn install

# serve with hot reload at localhost:8080

yarn dev

# build for production with minification

yarn build

```

If you want to try the **Firebase** sample you'll need to set up the configuration values in *App.vue*:

```javascript

const firebaseConfig = {

  apiKey: "-------",

  authDomain: "-------",

  databaseURL: "-------",

  projectId: "-------",

  storageBucket: "-------",

  messagingSenderId: "-------"

}

```

with the values of your firebase app.

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