En esta sección vamos a ver cómo configurar nuestro entorno de trabajo para poder desarrollar con Vue.js y JavaScript.
En este apartado vamos a ver cómo configurar nuestro entorno de trabajo para poder desarrollar con Vue.js y JavaScript.
- Instalación de Node.js y NPM
- Instalación de Visual Studio Code
- Extensiones de Visual Studio Code recomendadas
- Vue Developer Tools
Node.js es un entorno de ejecución para JavaScript construido con el motor de JavaScript V8 de Chrome. Node.js usa un modelo de operaciones E/S sin bloqueo y orientado a eventos, que lo hace liviano y eficiente. El ecosistema de paquetes de Node.js, npm, es el ecosistema más grande de librerías de código abierto en el mundo.
Instalaremos la última version LTS, disponible aquí: https://nodejs.org/es/
Para comprobar que se ha instalado correctamente, abriremos una terminal y ejecutaremos el comando:
node -vNPM es el gestor de paquetes de Node.js, y viene incluido con la instalación de Node.js. Para comprobar que se ha instalado correctamente, abriremos una terminal y ejecutaremos el comando:
npm -vVisual Studio Code es un editor de código fuente desarrollado por Microsoft para Windows, Linux y macOS. Incluye soporte para depuración, control de versiones Git incorporado, resaltado de sintaxis, finalización inteligente de código, snippets y refactoring de código.
Instalaremos la última version, disponible aquí: https://code.visualstudio.com/
Para poder trabajar con Vue.js, es recomendable instalar las siguientes extensiones:
- Volar: Extensión de Vue.js para Visual Studio Code, realizada por el equipo de Vue.js.
- Vue VSCode Snippets: Snippets para Vue.js en Visual Studio Code
- Vue.js Extension Pack: Extensiones recomendadas para Vue.js
- Auto Close Tag: Cierre automático de etiquetas HTML
- Auto Complete Tag: Completado automático de etiquetas HTML
- Auto Rename Tag: Renombrado automático de etiquetas HTML
- Color Highlight: Resaltado de colores
- Error Lens: Resaltado de errores
- ESLint: Integración de ESLint en Visual Studio Code
- HTML CSS Support: Soporte para HTML y CSS
- JavaScript (ES6) code snippets: Snippets de JavaScript
- Prettier: Integración de Prettier en Visual Studio Code
Para poder depurar nuestra aplicación, es recomendable instalar las siguientes extensiones en nuestro navegador:
Codificado con 💖 por José Luis González Sánchez.
Cualquier cosa que necesites házmelo saber por si puedo ayudarte 💬.
Este repositorio y todo su contenido está licenciado bajo licencia Creative Commons, si desea saber más, vea la LICENSE. Por favor si compartes, usas o modificas este proyecto cita a su autor, y usa las mismas condiciones para su uso docente, formativo o educativo y no comercial.
JoseLuisGS by José Luis González Sánchez is licensed under a Creative Commons Reconocimiento-NoComercial-CompartirIgual 4.0 Internacional License.
Creado a partir de la obra en https://github.com/joseluisgs.
