|
1 |
| -# vue-realworld-example-app |
| 1 | +[](https://standardjs.com) |
2 | 2 |
|
3 |
| -> A Vue.js project |
| 3 | +#  |
4 | 4 |
|
5 |
| -## Build Setup |
| 5 | +> Vue.js codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the [RealWorld](https://github.com/gothinkster/realworld) spec and API. |
| 6 | +
|
| 7 | +Project demo is available at https://vue-vuex-realworld.netlify.com/#/ |
| 8 | + |
| 9 | +This codebase was created to demonstrate a fully fledged fullstack application built with **Vue.js** including CRUD operations, authentication, routing, pagination, and more. |
| 10 | + |
| 11 | +We've gone to great lengths to adhere to the **Vue.js** community styleguides & best practices. |
| 12 | + |
| 13 | +For more information on how to this works with other frontends/backends, head over to the [RealWorld](https://github.com/gothinkster/realworld) repo. |
| 14 | + |
| 15 | +## Getting started |
| 16 | + |
| 17 | +Before contributing please read the following: |
| 18 | + |
| 19 | +1. [RealWorld guidelines](https://github.com/gothinkster/realworld/tree/master/spec) for implementing a new framework, |
| 20 | +2. [RealWorld frontend instructions](https://github.com/gothinkster/realworld-starter-kit/blob/master/FRONTEND_INSTRUCTIONS.md) |
| 21 | +3. [Realworld API endpoints](https://github.com/gothinkster/realworld/tree/master/api) |
| 22 | +4. [Vue.js styleguide](https://vuejs.org/v2/style-guide/index.html). Priority A and B categories must be respected. |
| 23 | + |
| 24 | +The stack is built using [vue-cli webpack](https://github.com/vuejs-templates/webpack) so to get started all you have to do is: |
6 | 25 |
|
7 | 26 | ``` bash
|
8 | 27 | # install dependencies
|
9 |
| -npm install |
10 |
| - |
| 28 | +> yarn install |
11 | 29 | # serve with hot reload at localhost:8080
|
12 |
| -npm run dev |
| 30 | +> yarn run dev |
| 31 | +``` |
13 | 32 |
|
14 |
| -# build for production with minification |
15 |
| -npm run build |
| 33 | +Other commands available are: |
16 | 34 |
|
17 |
| -# build for production and view the bundle analyzer report |
18 |
| -npm run build --report |
| 35 | +``` bash |
| 36 | +# build for production with minification |
| 37 | +yarn run build |
19 | 38 |
|
20 | 39 | # run unit tests
|
21 |
| -npm run unit |
| 40 | +yarn run unit |
22 | 41 |
|
23 | 42 | # run e2e tests
|
24 |
| -npm run e2e |
| 43 | +yarn run e2e |
25 | 44 |
|
26 | 45 | # run all tests
|
27 |
| -npm test |
| 46 | +yarn test |
28 | 47 | ```
|
29 | 48 |
|
30 |
| -For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). |
| 49 | +# To know |
| 50 | + |
| 51 | +Current arbitrary choices are: |
| 52 | + |
| 53 | +- Vuex modules for store |
| 54 | +- Vue-axios for ajax requests |
| 55 | +- Standard for linting |
| 56 | +- 'rwv' as prefix for components |
| 57 | + |
| 58 | +These can be changed when the contributors reach a consensus. |
| 59 | + |
| 60 | +# Connect |
| 61 | + |
| 62 | +Join us on [Discord](https://discord.gg/NE2jNmg) |
0 commit comments