Estructura del proyecto

• 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