https://github.com/devdevi/vue4diablo3
Proyecto realizado durante el curso avanzado de VUE /Platzi
https://github.com/devdevi/vue4diablo3
axios vue vuex
Last synced: 12 months ago
JSON representation
Proyecto realizado durante el curso avanzado de VUE /Platzi
- Host: GitHub
- URL: https://github.com/devdevi/vue4diablo3
- Owner: devdevi
- Created: 2020-06-08T21:07:19.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2022-02-10T22:50:51.000Z (about 4 years ago)
- Last Synced: 2025-02-14T14:53:11.324Z (about 1 year ago)
- Topics: axios, vue, vuex
- Language: Vue
- Homepage: https://vue-4-diablo3-api-poc.netlify.app/
- Size: 1.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# base
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Run your unit tests
```
npm run test:unit
```
### Run your end-to-end tests
```
npm run test:e2e
```
### Lints and fixes files
```
npm run lint
https://docs.npmjs.com/configuring-your-registry-settings-as-an-npm-enterprise-user
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
### Carpetas
/api: Archivos con las llamadas HTTP a las APIs. Importaremos axios y lo utilizaremos para obtener los datos del juego.
/assets: En esta carpeta tendremos archivos CSS globales e imágenes, es decir, contenido estático.
/componets: Aquí estarán los componentes reusables de nuestra aplicación. Piensa por ejemplo, en un componente loading que podrá ser usado varias veces a lo largo de la app.
/directives: Las directivas personalizadas que hagas estarán aquí. Ejemplos de directivas en vue son: v-if, v-for, etc. Cuando creemos una directiva personalizada, la alojaremos en esta carpeta.
/filters: Dentro de esta carpeta estarán los filtros que usaremos para darle formato a los datos de nuestra vista.
/layouts: Los layouts de nuestra app. Serán la estructura base sobre la que inyectaremos nuestras vistas. Suelen tener el header-bar y el footer común a toda la app.
/mixins: Los mixins (fragmentos de código reusable por nuestros componentes) los encuentras en esta carpeta.
/plugins: Esta carpeta puede llevar a confusión porque, realmente, lo que alojaremos aquí no son plugins que creemos para Vue, sino que tendremos librerías de terceros.
Por ejemplo Bootstrap-Vue, la librería de componentes que usaremos a lo largo del curso.
/router: Controlaremos las rutas de nuestra aplicación desde aquí.
/store: El estado de nuestra aplicación. Lo gestionaremos a través de Vuex.
/utils: Carpeta con funciones generales o que no tienen una temática definida. No es conveniente abusar de esto. Si tienes mucho contenido aquí quiere decir que deberías agrupar funcionalidades en otro directorio.
/views: Aquí estarán todas las vistas de nuestra aplicación. Hay que recordar que, en Vue, todo son componentes, y, en este caso, dichos componentes hacen de vistas de nuestra aplicación.
```
npm i --save @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/vue-fontawesome @fortawesome/free-brands-svg-icons
```
{
path: '/about',
name: 'About',
component: () =>
import(/* webpackChunkName: "about" */'../views/About/Index.vue')
},
😎 Truqui: si estás en MacOS, puedes pulsar la combinación de teclas Control + Cmd + Tecla Espacio para sacar un selector de emojis. 👇
/* ¿Eres usuario de Windows? Con la combinación Win + . puedes hacer lo mismo 😉 */
(test)[http://localhost:8080/#/region/kr/profile/오빠-3239)]