Cómo Crear Proyecto Vue 3 y subirlo a Github | Curso de Vue.js 3 - 01

Sobre esta lección

En este primer video del curso GRATIS de Vue.js 3, aprenderás paso a paso cómo preparar tu entorno de desarrollo para trabajar con Vue.js 3. Te guiaré en la instalación de Node.js para utilizar NPM, Visual Studio Code con la extensión oficial de Vue.js 3, y Sourcetree para la gestión de tu repositorio en GitHub. Además, te mostraré cómo crear un proyecto Vue, subir commits a GitHub y finalmente, cómo instalar Vue DevTools en Google Chrome. ¡Prepárate para comenzar tu viaje en esta guía para desarrollar en Vue.js 3 de la mejor manera! Mi Setup: Macbook Pro M1 Pro 32GB Ram: https://amzn.to/3HbXepN Logitech Lift Mouse Vertical: https://amzn.to/4mvkSxy Sony WH-CH720N Auriculares Bluetooth: https://amzn.to/3H9ASoS EMEET 4K Webcam S600: https://amzn.to/4jdbrzT Apple Magic Keyboard con Touch ID: https://amzn.to/43LroZI 00:00 Cómo instalar node.js en su última versión 02:09 Instalando Visual Studio Code (versión más actualizada) 03:29 Agregar la extensión de Vue.js 3 oficial para VSCode 04:11 Cómo instalar Sourcetree, GIT SIN COMANDOS 06:28 Crear repositorio de proyecto Vue.js 3 en Github con Sourcetree 07:26 Creando proyecto Vue.js 3 (Ejecutando comandos NPM) 09:57 Cómo subir el proyecto Vue.js 3 a Github con Sourcetree 10:59 Instalación de la extensión Vue Devtools en Google Chrome Página oficial de la documentación de Vue 3: https://vuejs.org Herramientas que ocupamos en este curso: Visual Studio Code: https://code.visualstudio.com/ + Instalar la extensión oficial de Vue (la puedes buscar como VOLAR) Sourcetree: https://www.sourcetreeapp.com/ | Esta herramienta nos permite utilizar GIT sin comandos. En google Chrome instala la extensión oficial de Vue.js 3, llamada vue.js devtools En esta guía, te mostraré cómo crear un proyecto nuevo desde cero con Vue 3, siguiendo la documentación oficial de Vue.js 3, que actualmente utiliza Vite para compilar (antes se usaba Vue CLI). Si estás comenzando con Vue 3, este curso te ayudará a aprender las bases fundamentales del framework, como la reactividad, las propiedades, la componentización, cómo consumir APIs, la lógica de la Composition API con script setup, y más. También puedes sugerir temas en los comentarios de los videos. Más adelante, crearemos un dashboard añadiendo CSS y el framework Bootstrap 5, creando vistas para CRUDs, utilizando Pinia, Vue Router, y otras dependencias como Vee-Validate y Yup. Para más contenido como este, tutoriales de Vue u otros frameworks de desarrollo web frontend, dale "Me gusta", comparte el vídeo y suscríbete. Si te sirvió el vídeo o quieres opinar sobre qué deberíamos ver en este curso de Vue 3, deja tu comentario. #vuejs #desarrolloweb #frontend