Vue progresivo

La opción de instant prototyping ya no aparece en la documentación. Para poder continuar, use el comando

vue create hello-world

Que me crea un nuevo proyecto con “todo incluido” y tan solo borrando lo que está en la carpeta src/components y modificando por el código que realizó la profe Diana en src/App.vue obtuve el mismo resultado.

Claro está, para que les funcione también el servidor, deben decirle npm run serve

Actualmente Vue recomienda usa Vite para los nuevos proyectos:

https://vitejs.dev/guide/

Si quieres evitar errores, tener un buen código uniforme y seguir buenas prácticas recomiendo seguir la guía de estilo del propio vuejs https://vuejs.org/style-guide/
No está para la Composition API, pero para lo que hemos visto en el curso, que es la Options API sirve.
Se puede configurar vscode con ESLINT para que te lo marque conforme vas editando.

Para Marzo de 2023, ya cambió un poco la documentación en la página de Vue, para iniciar un proyecto deben usar el siguiente comando

vue create hello-world

Luego, cd hello-world y estando en esta carpeta:

npm run serve

Con esto, se genera un proyecto completo, y para hacer lo que se hizo en la clase, se debe modificar el archivo App,vue del proyecto creado, que está en la carpeta src

Esto se debería explicar desde el principio

Hola, la página de Vue ha cambiado un poco con respecto a lo que la profe muestra, es por ello que les dejo este link donde encontrarán la documentación de Vue CLI 😉

Nota: Actualmente el equipo de desarrollo de Vue recomienda hacer la instalación usando la nueva herramienta, les dejo el link: https://vuejs.org/guide/quick-start.html#with-build-tools

en verdad este si es un curso de fundamentos 😁

Ya no es necesario en Vue 3 encapsular todo lo que hay en <template> en un div.

https://v3-migration.vuejs.org/new/fragments.html

Hola, estube siguienmdo el video pero al usar el comando vue serve Hola.vue sale un error que no se tiene todos los archivos, igual mente en un punto del video aparece una carpeta node_modules que no se explica como se creo. Creo que ahi donde cortaron el video se perdio la explicacion para poder hacer que el comando funcione y se vea lo que se realizo en clase.

En la documentación mas actualizada con escribir la línea de comando más abajo se instala el motor de Vue, Vue-CLI, Vue-Prototyping y demas.

npm init vue@latest