Comandos básicos de la terminal e instalación de Node.js

Clase 13 de 18 • Curso de Prework: Configuración de Entorno de Desarrollo en Windows

Contenido del curso

Herramientas para la web

Editor de texto

Linux dentro de Windows

Git y Github

Tomar examen

Comentarios

Ruiz Julieth

student•

Para hacer el símbolo de la virgulilla (~) pueden usar: ALT+126 Saludos

Pedro Moreno

student•

Super! A mí me sale con ALTGr más el signo +

Leonard L

student•

genial, si necesitan algún otro símbolo, pueden visitar el Código ASCII https://elcodigoascii.com.ar/codigos-ascii/letra-m-mayuscula-codigo-ascii-77.html.

Edward Bayona

student•

Mi aporte para quienes no pueden abrir la configuración de la consola de Windows nueva desde visual studio code

Dejo link

https://1drv.ms/b/s!Ap8MkAvZYXSIhLBBnnS9w1C1KGmjeg?e=NdIewS

Diana Carolina Torres Castaño

student•

Pro, Muchisisimas gracias ❤️

Julio López

student•

Gran aporte, gracias!

Facundo Vergara

student•

creo que lo único que le falto acá, es el curl para actualizar node a la ultima versión, ya que sudo apt install node y sudo apt install npm instala versiones viejas. Para actualizarlo correr estos comandos: curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash - sudo apt install nodejs sudo apt install npm

Diego Rubio

student•

gracias brother tenia una version 12. algo

Joel Dominguez Merino

student•

Muchas Gracias! Ya instale la versión 14.3.1 de Node :D

Efraín Hernández García

student•

Comparto algunos de los comandos para la terminal y practiquen

Comandos básicos en la terminal:
$pwd: Nos muestra la ruta de carpetas en la que te encuentras ahora mismo.

$mkdir: Nos permite crear carpetas (por ejemplo, mkdir Carpeta-Importante).

$touch: Nos permite crear archivos (por ejemplo, touch archivo.txt).

$rm: Nos permite borrar un archivo o carpeta (por ejemplo, rm archivo.txt). Mucho cuidado con este comando, puedes borrar todo tu disco duro.

$cat: Ver el contenido de un archivo (por ejemplo, cat nombre-archivo.txt).

$ls: Nos permite cambiar ver los archivos de la carpeta donde estamos ahora mismo. Podemos usar uno o más argumentos para ver más información sobre estos archivos (los argumentos pueden ser -- + el nombre del argumento o - + una sola letra o shortcut por cada argumento).
- ls -a: Mostrar todos los archivos, incluso los ocultos.
- ls -l: Ver todos los archivos como una lista.

$cd: Nos permite navegar entre carpetas.
- cd /: Ir a la ruta principal:
- cd o cd ~: Ir a la ruta de tu usuario
- cd carpeta/subcarpeta: Navegar a una ruta dentro de la carpeta donde estamos ahora mismo.
- cd .. (cd + dos puntos): Regresar una carpeta hacia atrás.
- Si quieres referirte al directorio en el que te encuentras ahora mismo puedes usar cd . (cd + un punto).

$history: Ver los últimos comandos que ejecutamos y un número especial con el que podemos repetir su ejecución.

$! + número: Ejecutar algún comando con el número que nos muestra el comando history (por ejemplo, !72).

$clear: Para limpiar la terminal. También podemos usar los atajos de teclado Ctrl + L o Command + L.```

Joel Sierra Mendoza

student•

Excellent. Thanks Efraín!

Jhon Fabio Cardona Martinez

student•

Buen aporte

Alejandro Picado Brenes

student•

Hola si necesitan ingresar a los archivos del root desde el explorador de archivos de windows pueden realizar lo siguiente: Presionan tecla de windows + R Digitan \\wsl$ y aceptar

Carlos Adrian PACHECO PINILLA

student•

que buen dato...

Giovanni Laguna Olaya

student•

Total, super aporte.

Jesus Enriquez

student•

Para cambiar el perfil predeterminado al momento de abrir la terminal :

En configuración solo es necesario dirigirse a inicio y en perfiles seleccionar Ubuntu, En la versión mas actualizada de la terminal de Windows ya no es necesario abrir el archivo json y es posible modificarlo desde el nuevo menú.

No es algo difícil de encontrar pero les dejo este aporte.

Iván Álvarez

student•

Gracias, Jesus! Tu aporte fue muy útil para mí

Grethel Guzmán Pineda

student•

Justo así me salió a mí y así lo hice :D muy bien !

Iván Arcos

student•

Veo que varios han tenido problemas con npm, les recomiendo hacer las siguientes acciones para evitar estos issues: vayan a su terminal de Ubuntu y tecleen:

sudo npm install -g n

Con esto, obtendrán el módulo n que gestiona todas las versiones de node. Después de esto, van a obtener la última versión de node:

sudo n latest

Cool!, ahora, obtengamos la versión "estable" desde el sitio de node:

sudo n stable

Listo, ahora, actualicemos npm:

sudo npm install -g npm@latest

¡Espero les funcione! ✌😎

Carlos Herrera

student•

Gracias por el aporte Ivan!

Jorge Eduardo Castañeda Mejia

student•

Muchas gracias por el aporte, me sacó del problema con npm y que pedí varias horas para solucionarlo. Fue muy oportuna este tutorial.

Juan Jose Cardenas Garcia

student•

Querido Team de Platzi, todos estaríamos más felices si actualizaran este curso para que sigan siendo la mejor plataforma de educación. Ya que muchas de las cosas que se enseñan en este momento abril 29 del 2022 están obsoletas. Gracias por todo su trabajo

Luisa Carvajal

student•

Hola , una pregunta que tan desactualizado está?

David Gamez

student•

Exactamente, gracias por la opinión!

David Rodriguez Postigo

student•

En 2021 las nuevas versiones de Windows terminal funcionan un poco diferente. . Si quieres abrir la configuración con VSCode tienes que dar click en la parte que dice Abrir archivo JSON y se abrirá el editor: .

. Si se abre el editor de texto igual pueden hacer el mismo procedimiento que hizo el profesor, va a funcionar igual, no se olviden de guardar el archivo y reiniciar la terminal.

JuanFe Peralta

Team Platzi•

Este cambio que hizo Windows es lo máximo, mucho más fácil de configurar la terminal. 💚

Hernan David Rodriguez Mariño

student•

Muachas gracias! fuiste de gran ayuda.

Rouseld Bayardo Castilblanco Gonzalez

student•

Hola! para los que se les olvido la contraseña de la terminal de ubuntu les dejo un tutorial para restaurala de la forma mas efectiva, https://www.youtube.com/watch?v=ZKsFm2ecedM, espero y que les funcione y animo!

Gustavo Adolfo Nieto Gómez

student•

Gracias!!

Sergio Alejandro González Sánchez

student•

Gracias bro!!

Armando Rivera

student•

Para instalar la última versión de node y npm

sudo apt-get install -y nodejs
sudo apt-get install npm
sudo apt-get update
sudo npm install -g n
sudo n latest
npm -v
node -v

Faiber Camilo Berrio

student•

me ayudo mucho para instalar node.js

Jorge Luis Gil Aguillón

student•

Gracias infinitas. Me ayudaste mucho.

Carlos Defaz

student•

es normal que cuando habra las configuraciones de windows terminal no se abra visual code y solo aparescan estan configuraciones?

Gabriel Servin

student•

Hola Carlos! me paso lo mismo. Si aun no has hecho la configuración de la terminal predeterminada, ve a la última opción "abrir archivo JSON"

Samuel Espinoza Figueroa

student•

ya lo tienes bien en la primera te dice cual es tu predeterminado

Cristian Iñiguez

student•

Para ver temas para su terminal: https://windowsterminalthemes.dev/ Escogen su tema, le dan Get theme, pegan en "schemes" en los settings de la terminal y en profiles.list, en la configuraciones de ubuntu agregan el schema en la propiedad colorScheme:

	"list": [
			...,
			{
				"guid": "{c6eaf9f4-32a7-5fdc-b5cf-066e8a4b1e40}",
				"hidden": false,
				"name": "Ubuntu-18.04",
				"source": "Windows.Terminal.Wsl",
				"colorScheme": "Symfonic"
			}
		]

Leandro Xavier Patiño Galárraga

student•

Mil gracias!

Rene Osorio

student•

Crack de cracks, la terminal me quedo de toque

Ana Fernanda Gutierrez Villanueva

teacher•

Les comparto mi terminal 🥰

Osvaldo Vazquez Sainos

student•

Muuuuuuuuuu

Rocio Guisell López Espinoza

student•

chilera la vaca <3

Niko Dos Santos Mendoza Soto

student•

Hola a todos, les hablo del 2022 jajaja, tuve problemas con el Live Server, no se actualizaba cada vez que guardaba mi archivo HTML, pero les traigo otra solucion, otra extension.

Rafa Salcedo

student•

hola gracias, live server me actualiza archivos creados fuera de la carpeta de ubuntu, pero incluso con la extensión sugerida no se actualiza. que podrá ser ?

Ana Maria Cubides Acosta

student•

gracias me funciono perfecto!

Alejandro Picado Brenes

student•

Para instalar node también se pude usar el Node Version Manager (NVM) por si necesitan manejar varias versiones de node de forma más sencilla

Primero instalar NVM revisar versión en ver documentación

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.36.0/install.sh | bash

Comprobar nvm (cerrar y abrir terminal)

~$ nvm -v
0.36.0

Instalar versión LTS (long term support recomendada)

nvm install --lts

Instalar las última versión (con mejoras) o una versión específica

nvm install node // o versión específica en lugar de node > 12.19.0

Comprobar node y npm

~$ node -v
v12.19.0
~$ npm -v
6.14.8

Cambiar versión activa

nvm use <version instalada>

Joel Pineda

student•

En lo particular prefiero utilizar el NVM pues resulve muchos problemas a la hora de que tengas que actualizar el NODE JS. Muy buen aporte

Octavio Pérez Centeno

student•

la única manera que me funcionó, muchas gracias!

César Andrés Aguilar Párraga

student•

Failed to save 'file': A system error occured (EACCES: permission denied, open 'file path')

Si tienen este problema al guardar su index.html en vscode, vayan al root en ubuntu y pongan

sudo chmod -R <user_name> <directory_name>

Yuderlyn Natera

student•

Tengo ese problema pero cuando fui al root no me deje usar ese comando, me dice que es un modo invalido el nombre de usuario

Yuderlyn Natera

student•

Lo corregí con este otro comando que dijo otro estudiante, sin ir a root, desde la carpeta de usuario.


sudo chown -R user ~/nombrecarpeta

Alvaro Andres Alfonso Rodriguez

student•

PARA LOS QUE TIENEN PROBEMA AL ESCRIBIR EL COMANDO: ++sudo apt-get update++ (como aparece la imagen) AQUI LES DEJO LA SOLUCION:

lo que tienen que hacer es escribir esta serie de comandos:

sudo apt autoclean

luego este comando:

sudo apt -f install

y por ultimo este comando: (es el mas importante porque agrega temporalmente un servidor DNS conocido al sistema)

echo "nameserver 8.8.8.8" | sudo tee /etc/resolv.conf > /dev/null

y por ultimo vuelvan a escribir el comando que dijo el profe:

sudo apt -get update

y listo ya soluciona todos los problemas. pueden continuar con el video desde el minuto: 9:37

éxitos chicos... espero les halla servido . me gustaría que me ayudaran con corazoncito si les soluciono el problema

SANTIAGO ELSO GHIONE

student•

Muchas gracias! Me sirvio

Jorge Daniel Gutiérrez González

student•

No me lo solucionó. :( Pero muchas gracias por tu aportación, Alfonso.

Cristian Mauricio Cavanzo Arias

student•

🕶🤏😊 🤏😎![](

Me gustaria subir un tutorial de como configurar la terminal pero no se si a algunos se les dificulta o para la mayoria es facil :c

Aidan Lorenzo

student•

Seguro le seria de ayuda a muchos!

Joel Dominguez Merino

student•

Siempre va a ayudar a mas de uno, tu sube tus aportes :D

Jesus Enriquez

student•

Hola si no te abre el navegador al seleccionar "go live" puedes intentar esto , lo que a mi me funciono es lo siguiente: Tienes que dirigirte a las opciones de la extensión live server en el menú de extensiones y tendrás lo que muestro en la imagen, la opcion seleccionada deberás colocar “Null” en las 3 pestañas que son : user, Remote, workspace. como se muestra en la imagen. y listo a mi me funciono y lo abre en mi navegador predeterminado y si intento modificar alguno no me permite abrirlo en el que seleccione pero esta opción si me funciona cuando no utilizo la extensión Remote WSL, espero te sirva.

Alejandra Rodríguez

student•

Esta opción no me sirvió que más puedo hacer. Gracias

Jesus Enriquez

student•

Hola alejandra, otro usuario me comento esta opción: Hola @Longlivejesus, no he podido solucionarlo pero me instale otro en su lugar llamado Live Server Preview. Para poder utilizar tendrías que estar en tu archivo html, darle F1 y escribir Show Live Server Preview y listo. Espero que te sirva. Saludos.

Comandos básicos en la terminal:
$pwd: Nos muestra la ruta de carpetas en la que te encuentras ahora mismo.

$mkdir: Nos permite crear carpetas (por ejemplo, mkdir Carpeta-Importante).

$touch: Nos permite crear archivos (por ejemplo, touch archivo.txt).

$rm: Nos permite borrar un archivo o carpeta (por ejemplo, rm archivo.txt). Mucho cuidado con este comando, puedes borrar todo tu disco duro.

$cat: Ver el contenido de un archivo (por ejemplo, cat nombre-archivo.txt).

$ls: Nos permite cambiar ver los archivos de la carpeta donde estamos ahora mismo. Podemos usar uno o más argumentos para ver más información sobre estos archivos (los argumentos pueden ser -- + el nombre del argumento o - + una sola letra o shortcut por cada argumento).
- ls -a: Mostrar todos los archivos, incluso los ocultos.
- ls -l: Ver todos los archivos como una lista.

$cd: Nos permite navegar entre carpetas.
- cd /: Ir a la ruta principal:
- cd o cd ~: Ir a la ruta de tu usuario
- cd carpeta/subcarpeta: Navegar a una ruta dentro de la carpeta donde estamos ahora mismo.
- cd .. (cd + dos puntos): Regresar una carpeta hacia atrás.
- Si quieres referirte al directorio en el que te encuentras ahora mismo puedes usar cd . (cd + un punto).

$history: Ver los últimos comandos que ejecutamos y un número especial con el que podemos repetir su ejecución.

$! + número: Ejecutar algún comando con el número que nos muestra el comando history (por ejemplo, !72).

$clear: Para limpiar la terminal. También podemos usar los atajos de teclado Ctrl + L o Command + L.```

	"list": [
			...,
			{
				"guid": "{c6eaf9f4-32a7-5fdc-b5cf-066e8a4b1e40}",
				"hidden": false,
				"name": "Ubuntu-18.04",
				"source": "Windows.Terminal.Wsl",
				"colorScheme": "Symfonic"
			}
		]

Comandos básicos de la terminal e instalación de Node.js

Herramientas para la web

¡Tenemos una nueva versión de este curso!

Qué es un navegador web

Qué aprenderás para configurar tu entorno de desarrollo en Windows

Instalando Firefox, Chrome y usando sus DevTools

Editor de texto

Editor de texto: instalando el tuyo

Extensiones y personalización de Visual Studio Code

Cómo usar Live Server en proyectos reales de HTML y CSS

Linux dentro de Windows

¿Qué es Windows Subsystem for Linux?

Instalación de Windows Subsystem for Linux

Configuración de Ubuntu en WSL

Instalación de VirtualBox

Instalando Ubuntu en una máquina virtual

Comandos básicos de la terminal e instalación de Node.js

Cómo configurar tu primer proyecto en React.js

Git y Github

Instalando Git

Vinculando nuestra llave SSH en Github

Subiendo nuestro primer repositorio

¿Qué es lo que sigue?