No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Compra acceso a todo Platzi por 1 a帽o

Antes: $249

Currency
$209/a帽o

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscr铆bete

Termina en:

15D
16H
45M
10S

Estructura del proyecto

3/23
Recursos

Aportes 6

Preguntas 3

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

  • package.json 鈫 Tiene nuestras dependencias, nuestros scripts que correremos con npm, nos prepara el terreno para poder trabajar.
  • README.md鈫 Podemos ver los distintos comandos para poder instalar dependencias, ejecutar el servidor de desarrollo, compilar para producci贸n, eslinter, documentaci贸n oficial.
  • babel.config.js 鈫 Configuraci贸n de babel. Es peque帽o debido a que el equipo de desarrollo detr谩s de este proyecto ya se encarg贸 de generar un preset de babel js, que ya lo tiene instalado nuestro proyecto.
  • .gitignore 鈫 Ignorar archivos para no subirlos al repositorio.
  • .eslintrc.js 鈫 Archivo para configurar eslint, este archivo agrega dos reglas, cuando se tenga activado el modo productivo se va a pedir que no se tengan console.log() y que no hayan debugger.
  • .browserslistrc 鈫 Le indicamos con que versiones de navegadores debe trabajar.
  • node_modules 鈫 En esta carpeta van a estar todos los m贸dulos y dependencias que tiene nuestro proyecto.
  • public/ 鈫 Esta carpeta contiene un favicon.ico y un index.html, corre en un servidor de archivos est谩ticos.
  • src/ 鈫 La carpeta m谩s importante, vamos a colocar todos los archivos en los que de verdad vamos a estar trabajando durante el desarrollo del proyecto. El archivo main.js es el archivo que va a encontrar el proyecto de webpack y lo va a utilizar para inicializar todo lo que tiene que ver con JavaScript en nuestro proyecto.
  • src/App.vue 鈫 Componente principal, es en el que se crear谩 la App en main.js.
  • src/assets 鈫 Contendr谩 archivos est谩ticos, la diferencia entre src/assets y public/ es que assets se va a empaquetar junto con los archivos del proyecto, es decir, se va adjuntar todo el c贸digo javascript, css y html que se genere y tambi茅n se van a incluir estos archivos est谩ticos en la carpeta dist (Creada con npm run build), lo que pasa con public es que esto no pasa a la carpeta dist, sin embargo, quedar铆a m谩s del lado del servido, mientras que assets queda del lado del cliente.
  • src/components 鈫 Esta carpeta contendr谩 todos los componentes hechos en Vue.js que utilizaremos en nuestro proyecto. Esta carpeta se puede estructurar como sea, se pueden tener subcarpetas, por ejemplo.

La estructura del proyecto de angular, react y vue son muy similares

Excelente explicaci贸n de la estructura de directorios de un proyecto Vue!

驴Como desactivo eslint? Cada vez que le doy guardar al archivo me genera un error con los espacios y las comillas dobles, etc, porque prettier me formatea el c贸digo automaticamente. Me est谩n generando conflicto ambos.

Genial! Excelente explicaci贸n! 馃槃

exelente video, las notas son importante mi raza