Regálate acceso ilimitado a todos los cursos por 1 año a precio especial de Navidad 🎄

Antes: $199

Currency
$149/año
regístrate

termina en:

16D
16H
14M
57S

Configurando nuestras herramientas

3/38
Recursos

Para instalar los plugins que te mostré, da click en ícono de extensiones de tu Visual Studio Code, escribe el nombre del plugin en la barra de búsqueda, seleccionalo e instala.
Untitled.png
Icono de extensiones en VSC
Plugins importantes para este curso:

  1. Code Runner. Permite ejecutar piezas de código seleccionadas y muestra el output directamente en nuestro editor de código. (Más de Code Runner)
  2. Live Server. La vamos a utilizar para ejecutar un servidor y ver los cambios efectuados en tu código. (Más de Live Server)
  3. JavaScript (ES6) code snippets. Autocompleta y brinda sugerencias al momento de escribir código. (Más de code snippets)

Plugins recomendados para usar en tu día a día como frontend developer

  1. Auto Close Tag. Ayuda a cerrar más rápido las etiquetas que vas abriendo.
  2. Error Lens. Muestra los errores visualizandolos de forma atractiva para que no pases ninguno por alto.
  3. Guides. Te ayudan a indentar tu código y ordenarlo de forma más eficiente.
  4. Indent-rainbow. Hace que la indentación sea más amigable con la ayuda de colores diferentes por nivel.
  5. Palenight Theme. Úsalo si quieres visualizar los mismos colores que se muestran en mi editor de código.

Aportes 14

Preguntas 6

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Reproducirse en todos lados

No olviden el archivo .gitignore y configurarlo para ignorar node_modules y no subirlo a su repositorio 🤭

No solo me llevo grandes conocimientos, si no también una nueva colección de plugins de vc, esta genial!!!

Para inicializar el proyecto vamos a agregar las configuraciones base de npm e iniciarlizar con git con los siguientes comandos

git init
npm init -y

Para abrir la carpeta desde VSCode desde la terminal estando ubicados en la carpeta que inicializamos lo podemos hacer con el comando code .

Luego creamos un archivo llamado .gitignore en el que podemos ignorar los archivos que no queremos subir a nuestro repositorio ya que son autogenerados al correr npm install.

.gitignore

/node_modules

Carpeta src

Es un estandar donde vivirán los archivos que vamos a manejar dentro de nuestro proyecto.

Plugins útiles

  • Auto Close Tag
  • Code Runner
  • Error Lens
  • Guides
  • indet-rainbow
  • Live Server
  • Palenight theme
  • JavaScript (ES6) code snippets

Más adelante en el cuso hago el aporte, pero igualmente me gustaría recomendarles desde esta clase una extensión de VS code que me gusta mucho usar cuando estamos haciendo este tipo de ejercicios, siento que sirve mucho para organizarte y volver a tu propio código para repasar tus ejemplos y entenderlos.

  • La extensión en cuestión se llama Better Comments:

Me parece genial cuando Platzi deja en sus recursos el resumen de la clase (key points) y enlaces a más info y recursos. Ojalá lo hicieran como regla general para todos los cursos.

Si desean actualizar Node.js a su versión estable o a su ultima versión, pueden utilizar estos comandos los que utilizan wsl:
→ sudo npm cache clean --force
→ sudo npm install -g n
→ sudo n latest
Ultima versión es con “latest” y si quieres la versión estable es “stable”

También pueden usar nvm para instalar node, les permite cambiar de version de node y npm cuando quieran, muchas veces las nuevas versiones arrojan errores que se solucionan pasando a versiones mas antiguas.

![](

Hola a todos, les recomiendo usar RunJS, está para Windows, Linux y MacOs y es bastante útil para correr código de JavasCript mientras lo vas escribiendo.

Para Windows se puede usar nvm for windows https://github.com/coreybutler/nvm-windows que permite gestionar distintas versiones de node:

nvm install latest
nvm install lts
nvm use latest

Que buenos pluggins para ayudarnos y adornar todo