https://github.com/pbastowski/vue-todos
https://github.com/pbastowski/vue-todos
todo vue-cli-3 vue-router vuejs vuex zero-config
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/pbastowski/vue-todos
- Owner: pbastowski
- Created: 2018-02-17T20:45:41.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-04-17T13:26:34.000Z (about 8 years ago)
- Last Synced: 2025-02-23T00:45:20.993Z (over 1 year ago)
- Topics: todo, vue-cli-3, vue-router, vuejs, vuex, zero-config
- Language: JavaScript
- Homepage: https://pbastowski.github.io/vue-todos/
- Size: 533 KB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-todos
Demo: https://pbastowski.github.io/vue-todos/
This project is meant to demonstrate how to use vue, vue-router and vuex to implement a todo app. It is a visual clone of the popular TodoMVC demo app.
Visual means that this project does not attempt to implement an MVC pattern of the TodoMVC app, but just copy it's visual (UX) aspects.
Libraries used:
- Vue 2
- vue-router
- vuex
- Vuetify
## Installation
Before start, check that your node and npm versions are at least as shown below
- node 8.9.x or higher
- npm 5.6.x or higher
> You can update your node version like this: `npm install npm@latest -g`
Now, we can clone the project and install the npm dependencies
```bash
git clone https://github.com/pbastowski/vue-todos.git
cd vue-todos
npm i
```
Install vue-cli 3 and it's zero-config module globally
```bash
npm i -g @vue/cli @vue/cli-service-global
```
And finally add pug and sass support to vue-cli, as we will be using both in this project
```bash
cd `npm ls -g --depth 0 | head -1` && cd node_modules/@vue/cli-service-global
npm i -E node-sass sass-loader pug pug-loader
```
## See the project running
In your cloned project folder type this at the shell prompt to start the app
```bash
vue serve
```