Para hacer el símbolo de la virgulilla (~) pueden usar:
ALT+126
Saludos
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?
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
No se trata de lo que quieres comprar, sino de quién quieres ser. Aprovecha el precio especial.
Antes: $249
Paga en 4 cuotas sin intereses
Termina en:
Aportes 887
Preguntas 1116
Para hacer el símbolo de la virgulilla (~) pueden usar:
ALT+126
Saludos
Mi aporte para quienes no pueden abrir la configuración de la consola de Windows nueva desde visual studio code
Dejo link
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
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.```
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
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.
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! ✌😎
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
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.
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!
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
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"
}
]
Les comparto mi terminal 🥰
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.
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>
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>
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
🕶🤏😊
🤏😎![](
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
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.
Información resumida de esta clase
#EstudiantesDePlatzi
Me salio un error al instalar npm, aqui la imagen:
Lo resolví con esto:
sudo apt install aptitude
sudo aptitude install libnode-dev
sudo aptitude install libnode64
sudo aptitude install node-gyp
sudo aptitude install npm
2 Horas de Contenido
8 Horas de Práctica
30 Horas de solución de errores
Que dolor de cabeza!
!! CUIDADO !! como explica la instalación de NodeJS actualmente no es la mejor manera ya que se va a instalar una versión muy vieja y les va a generar conflicto cuando quieran usar Angular 8 (por ejemplo).
mi recomendación es trabajar la instalación así:
1. Sudo apt install curl
2. curl -sL https://deb.nodesource.com/setup_17.x | sudo -E bash -
3, sudo apt install nodejs
si van a la web de nodeJS veran que la versión actual es la 17
mi aporte:
ahora es mucho más sencillo configurar en w10 y w11
Aquellos a los que no les funciona el live server cuando se conectan remotamente en ubuntu. Yo desinstalé el visual studio code y restaure los valores de fabrica. Lo instale nuevamente como lo explico el profesor con todas las extensiones y finalmente, siguiendo algunos consejos de internet, hice un pequeño cambio en la configuración remota de la extensión del live server. Puse usar la IP local como host y funciono. Espero que sea de ayuda
la verdad este curso esta´desactualizado o el profesor no se hace entender, al menos yo no lo entiendo, osea si lo entiendo pero divaga mucho, llevo 2 mesesen esto y he formateado mi pc 4 veces, porfavor actualicen este curso o algo. para los estudiantes futuros.
👋 Hola, Me he dado cuenta que varios estudiantes están presentando problemas al abrir la configuración del Windows Terminal.
Microsoft ha estado implementando una interfaz visual para la configuración del windows terminal.
Por lo que al darle click a la configuración de tu windows terminal se abre una pestaña visual para la configuración, en lugar de un archivo JSON
Para acceder al archivo de configuración JSON
puedes hacer lo siguiente en tu terminal:
ctrl + ,
Abrir archivo JSON
Ahora ya pueden abrir el archivo en su editor de código para que sea más fácil aplicar las configuraciones que el profesor indica que son recomendables ✍
📌 Si les fue útil este aporte pueden darle like 💚 para que se posicione más alto y que los demás puedan ver esta publicación evitando alguna complicación con esta nueva integración a la Windows Terminal
Espero te haya sido de ayuda, cuéntame si te funcionó en mi Twitter @SoyEtiago✌😊
Si quieren poner su terminal con opacidad así 👇
en el archivo settings.json vamos a la parte donde esta el default vacío 👇
y colocamos el siguiente código
"acrylicOpacity": 0.1,
"useAcrylic": true
debería quedar así 👇
y listo manejan la opacidad a su gusto 😁✌
Agrego un aporte, veo que con el tiempo cambió y la configuración ahora es mas simple, solamente luego de “configuración” vas a “inicio” - “perfil determinado” - Y elegís el que querés, en este caso seleccioné “Ubuntu”
Guía para tomar un curso en Platzi:
1.- Lee los comentarios de abajo hacia arriba es decir, del más reciente al menos reciente.
2.- Mira toda la clase sin hacer nada del proceso que indican los profesores para saber que sigue vigente y que está desactualizado.
3.- Mira la clase y sólo has lo que es pertinente a la fecha en que en que estás tomando la clase.
4.- Agradece a la comunidad por los aportes que hacen para mantener actualizada y sobre todo viva esta plataforma.
NOTA: Si algún miembro del TeamPlatzi mira este cometario no se tomen a mal mi observación ya que es el sentir de muchos estudiantes y creo que es dónde la plataforma falla. Ahora que he decidido a meterme en este mundo de la programación entiendo lo complejo (y al mismo tiempo no), de mantener actualizados TOOODOS sus cursos pero es parte del proceso y tiene que hacerse. Un abrazo y excelente año 2023 para todos.
Platzi se enfoca en publicitar sus cursos, pero deberían enfocarse también en tener actualizada la información de los cursos, multitud de cosas han cambiado con el tiempo y cada día llegamos nuevos estudiantes.
¡Hola compañeros!
Ya no es necesario hacer el proceso de VSCode para cambiar el perfil predeterminado a Ubuntu en la terminal.
Para cambiarla de forma practica y sencilla deben de seguir estos pasos.
así se ve la configuración
se ubican en perfil predeterminado
Finalmente eligen con cual consola desean iniciar por defecto y listo
Espero les haya ayudado, para los que juegan LOL agg soy grazzy1130.
El live server me sirvio hasta que habilite el WSL-UBUNTU, ya despues de varias horas modificando el JSON de la extensión y diferentes opciones que vi en los comentarios y por youtube, me sigue saliendo “ENOENT: no such file or directory, open” y en donde esta el icono de Go Live "Port : 5500"
Encontre otra extensión: “Live Server (Five Server)”
Tiene el mismo boton de Go Live y me funciono de una.
Pequeño aporte para los que no ven le Go Live en VSC luego de instalar Ubuntu:
Dejo algunas capturas:
AYUDA COMPAÑEROS, tengo este error el cual no he podido corregir.
Agradezco aportes
Así quedo el mío fue difícil pero lo logre
no entiendo 😭 siento que le hablan a la pantalla y no al estudiante
Mi configuracion incluye git bash de windows
// This file was initially generated by Windows Terminal 1.1.2021.0
// It should still be usable in newer versions, but newer versions might have additional
// settings, help text, or changes that you will not see unless you clear this file
// and let us generate a new one for you.
// To view the default settings, hold "alt" while clicking on the "Settings" button.
// For documentation on these settings, see: https://aka.ms/terminal-documentation
{
"$schema": "https://aka.ms/terminal-profiles-schema",
"defaultProfile": "{3b433b11-c393-47ed-9421-bafebb058f6c}",
// You can add more global application settings here.
// To learn more about global settings, visit https://aka.ms/terminal-global-settings
// If enabled, selections are automatically copied to your clipboard.
"copyOnSelect": false,
// If enabled, formatted data is also copied to your clipboard
"copyFormatting": false,
// A profile specifies a command to execute paired with information about how it should look and feel.
// Each one of them will appear in the 'New Tab' dropdown,
// and can be invoked from the commandline with `wt.exe -p xxx`
// To learn more about profiles, visit https://aka.ms/terminal-profile-settings
"profiles": {
"defaults": {
// Put settings here that you want to apply to all profiles.
"useAcrylic": true,
"acrylicOpacity": 0.9,
"colorScheme": "Tango Dark"
},
"list": [
{
// Make changes here to the powershell.exe profile.
"guid": "{61c54bbd-c2c6-5271-96e7-009a87ff44bf}",
"name": "Windows PowerShell",
"commandline": "powershell.exe",
"hidden": false
},
{
// Make changes here to the cmd.exe profile.
"guid": "{0caa0dad-35be-5f56-a8ff-afceeeaa6101}",
"name": "Símbolo del sistema",
"commandline": "cmd.exe",
"hidden": false
},
{
"guid": "{07b52e3e-de2c-5db4-bd2d-ba144ed6c273}",
"hidden": false,
"name": "Ubuntu-20.04",
"source": "Windows.Terminal.Wsl"
},
{
"guid": "{b453ae62-4e3d-5e58-b989-0a998ec441b8}",
"hidden": false,
"name": "Azure Cloud Shell",
"source": "Windows.Terminal.Azure"
},
{
// Git-Bash profile
"guid": "{3b433b11-c393-47ed-9421-bafebb058f6c}",
"name": "GitBash",
"commandline": "C:\\Program Files\\Git\\bin\\bash.exe",
"icon": "C:\\Users\\R0Y3R\\Pictures\\term-icon.png",
"cursorShape": "filledBox",
"cursorColor": "#b9b9b9",
"fontFace": "Fira Code",
"fontSize": 10
}
]
},
// Add custom color schemes to this array.
// To learn more about color schemes, visit https://aka.ms/terminal-color-schemes
"schemes": [],
// Add custom keybindings to this array.
// To unbind a key combination from your defaults.json, set the command to "unbound".
// To learn more about keybindings, visit https://aka.ms/terminal-keybindings
"keybindings": [
// Copy and paste are bound to Ctrl+Shift+C and Ctrl+Shift+V in your defaults.json.
// These two lines additionally bind them to Ctrl+C and Ctrl+V.
// To learn more about selection, visit https://aka.ms/terminal-selection
{ "command": { "action": "copy", "singleLine": false }, "keys": "ctrl+c" },
{ "command": "paste", "keys": "ctrl+v" },
// Press Ctrl+Shift+F to open the search box
{ "command": "find", "keys": "ctrl+shift+f" },
// Press Alt+Shift+D to open a new pane.
// - "split": "auto" makes this pane open in the direction that provides the most surface area.
// - "splitMode": "duplicate" makes the new pane use the focused pane's profile.
// To learn more about panes, visit https://aka.ms/terminal-panes
{
"command": {
"action": "splitPane",
"split": "auto",
"splitMode": "duplicate"
},
"keys": "alt+shift+d"
}
]
}
Tuve un problema al tratar de ejecutar el Live Server, así que empecé a buscar una solución. Claro intenté muchas cosas que hasta mi puerto empezó marcar números diferentes a 5050, pero ahora todo está funcionando correctamente.
Para solucionar mi problema con ejecutar Live Server desde WSL:
Paso 1: Abrir extension settings de Live Server
Paso 2: Dentro de los settings ubicarte en la columna Remoto [WSL: Ubuntu-22.04]
Paso 3: Entrar a las settings de Advance Custom Browser Cmd Line.
Paso 4: Aquí dentro se tiene que hacer lo siguiente
"liveServer.settings.AdvanceCustomBrowserCmdLine": "/mnt/c/Program Files (x86)/Microsoft/Edge/Application/msedge.exe"
Tienes que poner la ruta del ejecutor del browser que vas a utilizar con Live Server. En mi caso puse la ruta de Microsoft Edge, pero si fuera Google Chrome sería
"liveServer.settings.AdvanceCustomBrowserCmdLine": "/mnt/c/Program Files/Google/Chrome/Application/chrome.exe"
Ahora para solucionar mi problema de puerto fue fácil:
Paso 1: Abrir extension settings de Live Server
Paso 2: Dentro de los settings ubicarte en la columna Remoto [WSL: Ubuntu-22.04]
Paso 3: Ubicar las Settings Port y ubicar a su lado izquierdo la ruedita de más opciones
Paso 4: Darle a reset setting
Supongo que es error de principiante y se resuelve fácil xD, básicamente no me deja guardar, me sale ese mensaje 😦
¿Cómo puedo solucionarlo?
Hasta para usar el comando “touch” me deniega el permiso, tuve que usar “sudo” para crear ese index.html.
¡Hola!
Un aporte más si han estado teniendo problemas a la hora de actualizar ubuntu con el comando sudo apt-get update (adjunto imagen del problema)
Estuve investigando por afuera ya que no encontré la solución en los comentarios de este video y me di cuenta que era algo de mi firewall. En mi caso, al utilizar un antivirus de Symantec, fui ahí a desactivarlo (imagen siguiente)
Ya después de desactivarlo me permitió actualizarlo de manera correcta como se puede ver en esta imagen:
Dicho esto, si alguien encuentra exactamente que tengo que desactivar en mi firewall o que reglas debo de crear, se agradecería bastante, ya que creo no es tan buena idea estar sin firewall para siempre.
Me percate que la version que instalamos de node no es la mas reciente, para actualizar node de manera sencilla lo hice con estos comandos:
sudo npm install -g n
se instara el modulo n que maneja las versiones de node luego:
Para la version mas reciente (v15.x.x):
sudo n latest
Para la version estable que aparece en su pagina oficial de node (v14.15.3):
sudo n stable
Para actualizar npm
sudo npm install -g npm@latest
Y para ver nuestras versiones
npm -v
node -v
Creo que hay que actualizar este curso, en mi computadora no me aparecen ni la mitad de las cosas que me explican. hago lo imposible intentando buscar soluciones, como activar el ubuntu y demas.
He dedicado más tiempo a tratar de solucionar los problemas de las instalaciones que al curso en si.
Para quienes están viendo el video, así es como pueden abrir el VS Code a día de hoy:
Abrir configuración de la terminal > En la parte inferior verás un botón que dice “Abrir archivo JSON”, le pinchas y te abrirá el VS Code
A quien pueda interesar (año 2023)
Para instalar la ultima versión estable de Node ya que la que viene por defecto es vieja, hagan lo siguiente:
sudo npm install -g n
Se instalara un paquete, a continuación
sudo n stable
Una vez terminada la instalación deben reiniciar o abrir otra terminal y verifican.
node --version
y les responderá:
v12.19.0
YA ES MUCHO MÁS SENCILLO …
En file pueden activar la opción de auto guardado 💾
El curso en si, necesita una actualización.
Les recomiendo instalar nvm y no node así en el futuro podrán instalar distintas versiones de node.
sudo apt install curl
curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash
source ~/.bashrc
nvm install node
eso es todo amiguitos
Apunte con los comandos más comunes de Linux y qué hace cada uno.
Fuente: https://www.reddit.com/r/linux/comments/b4khut/basic_linux_commands/
No hay necesidad de editar el archivo JSON para poner una distribución por Default
Para instalar la versión estable de Node js y nmp:
1. sudo npm install -g npm@latest
2. sudo npm cache clean -f
3. sudo npm install -g n
4. sudo n stable
En vez de abrirme en visual me lo abrió en archivo de texto como lo puedo abrir en visual
pueden omiti cd ~ y simplemente escribir ~
También los llevara a Home
Actualicen el curso
Si al igual que yo no te sale la opción sólo dale click ahí y te abrirá automáticamente Visual Basic.
Donde dice //Abrir Archivo JSON//
Un pequeño aporte para las personas que no les da la pagina cuando la ejecutan desde la terminal de Ubuntu y les sale esta pagina
Simplemente entran a las extensiones buscan live server - clic derecho configuración de la extensión- buscan live server>Settings:host y digitan esta id 127.0.0.1
Ya los deberia mandar a la pagina web desde WSL:Ubuntu
La verdad que engo muchos problemas con este curso de prework. Si es un video desactualizado , por que no lo dan de baja ? Confunde a los que recién somos nuevos en platzi . Al final voy a tener que buscar en otra plataforma todo e entorno de window. Primera disección en esta plataforma. Estudiar sobre videos que no sirven para el año 2023 .
Voy a tener que desinstalar todo , y comenzar desde cero .
tips: si tienen problemas con la extension de live server,
les recomiendo instalar five server es otra alternativa para ver sus html en el navegador, tambien pueden usar preview html es otra extension.
Para tener esta animacion en tu terminal escribe :
sudo apt install cmatrix
cmatrix
Si no te lleva directo a VSCode al abrir configuraciones, se debe abrir Open JSON file.
Creo que hay que actualizar este curso :[
Hey!
La configuración de la consola ahora es gráfica. Al seleccionar Settings, se abre esta ventana de configuración.
Saludos!
Vengo del curso de EcmaScript6, dañé todo ubuntu 😒, me tocó volver hasta aquí
para aquellos que les dan a configuración y no les sale el archivo settings.json directamente , sino una nueva ventana en el terminal sobre configuración de terminales, solo deben de presionar luego que les abra esta ventana al botón en la esquina inferior izquierda Abrir archivo JSON y seleccionar su editor de texto, VS Code en este caso.
¡Listo!
34 Comandos básicos de Linux que todo usuario debe saber
Usa el comando pwd para encontrar la ruta del directorio (carpeta) de trabajo actual en el que te encuentras. El comando devolverá una ruta absoluta (completa), que es básicamente una ruta de todos los directorios que comienzan con una barra diagonal (/) Un ejemplo de una ruta absoluta es /home/nombredeusuario.
Para navegar por los archivos y directorios de Linux, usa el comando cd. Te pedirá la ruta completa o el nombre del directorio, dependiendo del directorio de trabajo actual en el que te encuentres.
Supongamos que estás en /home/nombredeusuario/Documentos y deseas ir a Fotos, un subdirectorio de Documentos. Para hacerlo, simplemente escribe el siguiente comando: cd Fotos.
Otro escenario es si deseas ir a un directorio completamente nuevo, por ejemplo, /home/nombredeusuario/Peliculas. En este caso, debes escribir cd seguido de la ruta absoluta del directorio: cd /home/ nombredeusuario/Peliculas.
Hay algunos atajos para ayudarte a navegar rápidamente:
El comando ls se usa para ver el contenido de un directorio. Por defecto, este comando mostrará el contenido de tu directorio de trabajo actual.
Si deseas ver el contenido de otros directorios, escribe ls y luego la ruta del directorio. Por ejemplo, ingresa ls/home/nombredeusuario/Documentos para ver el contenido de Documentos.
Hay variaciones que puedes usar con el comando ls:
cat (abreviatura de concatenate, en inglés) es uno de los comandos más utilizados en Linux. Se utiliza para listar el contenido de un archivo en la salida estándar (sdout). Para ejecutar este comando, escribe cat seguido del nombre del archivo y su extensión. Por ejemplo: cat archivo.txt.
Aquí hay otras formas de usar el comando cat:
Usa el comando cp para copiar archivos del directorio actual a un directorio diferente. Por ejemplo, el comando cp escenario.jpg /home/nombredeusuario/Imagenes crearía una copia de escenario.jpg (desde tu directorio actual) en el directorio de Imagenes.
El uso principal del comando mv es mover archivos, aunque también se puede usar para cambiar el nombre de los archivos.
Los argumentos en mv son similares al comando cp. Debes escribir mv, el nombre del archivo y el directorio destino. Por ejemplo: mv archivo.txt /home/nombredeusuario/Documentos.
Para cambiar el nombre de los archivos, el comando de Linux es mv nombreviejo.ext nombrenuevo.ext
Usa el comando mkdir para crear un nuevo directorio: si escribes mkdir Musica, creará un directorio llamado Musica.
También hay comandos adicionales de mkdir:
Si necesitas eliminar un directorio, usa el comando rmdir. Sin embargo, rmdir solo te permite eliminar directorios vacíos.
El comando rm se usa para eliminar directorios y el contenido dentro de ellos. Si solo deseas eliminar el directorio, como alternativa a rmdir, usa rm -r.
Nota: Ten mucho cuidado con este comando y verifica en qué directorio te encuentras. Este comando elimina todo y no se puede deshacer.
El comando touch te permite crear un nuevo archivo en blanco a través de la línea de comando de Linux. Como ejemplo, ingresa touch /home/nombredeusuario/Documentos/Web.html para crear un archivo HTML titulado Web en el directorio Documentos.
Puedes usar este comando para localizar un archivo, al igual que el comando de búsqueda en Windows. Además, el uso del argumento -i junto con este comando hará que no distinga entre mayúsculas y minúsculas, por lo que puedes buscar un archivo incluso si no recuerdas su nombre exacto.
Para buscar un archivo que contenga dos o más palabras, usa un asterisco (). Por ejemplo, el comando locate -i escuelanota buscará cualquier archivo que contenga la palabra «escuela» y «nota», ya sea en mayúsculas o minúsculas.
Similar al comando locate, usando find también buscas archivos y directorios. La diferencia es que usas el comando find para ubicar archivos dentro de un directorio dado.
Como ejemplo, el comando find /home/ -name notas.txt buscará un archivo llamado notas.txt dentro del directorio de inicio y sus subdirectorios.
Otras variaciones al usar find son:
Otro comando básico de Linux que sin duda es útil para el uso diario es grep. Te permite buscar a través de todo el texto en un archivo dado.
Para ilustrar, grep azul notepad.txt buscará la palabra azul en el archivo del bloc de notas. Las líneas que contienen la palabra buscada se mostrarán.
Abreviatura de «SuperUser Do» (SuperUsuario hace), este comando te permite realizar tareas que requieren permisos administrativos o raíz. Sin embargo, no es aconsejable usar este comando para el uso diario, ya que podría ser fácil que ocurra un error si haces algo mal.
Usa el comando df para obtener un informe sobre el uso del espacio en disco del sistema, que se muestra en porcentaje y KB. Si deseas ver el informe en megabytes, escribe df -m.
Si deseas verificar cuánto espacio ocupa un archivo o un directorio, el comando du (Uso del disco, en inglés) es la respuesta. Sin embargo, el resumen de uso del disco mostrará números de bloque de disco en lugar del formato de tamaño habitual. Si deseas verlo en bytes, kilobytes y megabytes, agrega el argumento -h a la línea de comando.
El comando head se usa para ver las primeras líneas de cualquier archivo de texto. De manera predeterminada, mostrará las primeras diez líneas, pero puedes cambiar este número a tu gusto. Por ejemplo, si solo deseas mostrar las primeras cinco líneas, escribe head -n 5 nombredearchivo.ext.
Este tiene una función similar al comando head, pero en lugar de mostrar las primeras líneas, el comando tail mostrará las últimas diez líneas de un archivo de texto. Por ejemplo, tail -n nombredearchivo.ext.
Para abreviar diferencia, el comando diff compara el contenido de dos archivos línea por línea. Después de analizar los archivos, genera las líneas que no coinciden. Los programadores a menudo usan este comando cuando necesitan hacer modificaciones al programa en lugar de reescribir todo el código fuente.
La forma más simple de usar este comando es diff archivo1.ext archivo2.ext
El comando tar es el comando más utilizado para guardar múltiples archivos en un tarball, un formato de archivo de Linux común que es similar al formato zip, con compresión opcional.
Este comando es bastante complejo con una larga lista de funciones, como agregar nuevos archivos a un archivo existente, enumerar el contenido de un archivo, extraer el contenido de un archivo y muchos más.
chmod es otro comando de Linux, utilizado para cambiar los permisos de lectura, escritura y ejecución de archivos y directorios. Como este comando es bastante complicado, puedes leer el tutorial completo (en inglés) para ejecutarlo correctamente.
En Linux, todos los archivos son propiedad de un usuario específico. El comando chown te permite cambiar o transferir la propiedad de un archivo al nombre de usuario especificado. Por ejemplo, chown usuariolinux2 archivo.ext hará que usuariolinux2 sea el propietario del archivo.ext.
El comando jobs mostrará todos los trabajos actuales junto con sus estados. Un trabajo es básicamente un proceso iniciado por el shell.
Si tienes un programa que no responde, puedes cerrarlo manualmente utilizando el comando kill. Enviará una cierta señal al programa que se está ejecutando mal y le indica a la aplicación que finalice.
Hay un total de sesenta y cuatro señales que puedes usar, pero las personas generalmente solo usan dos señales:
Después de saber qué señal deseas usar y el PID del programa, ingresa la siguiente sintaxis:
kill [opción de señal] PID.
Usa el comando ping para verificar tu estado de conectividad a un servidor. Por ejemplo, simplemente ingresando ping google, el comando verificará si puedes conectarte a Google y también medirá el tiempo de respuesta.
La línea de comandos de Linux es muy útil: incluso puedes descargar archivos de Internet con la ayuda del comando wget. Para hacerlo, simplemente escribe wget seguido del enlace de descarga.
El comando uname, abreviatura de Nombre de Unix, imprimirá información detallada sobre tu sistema Linux, como el nombre de la máquina, el sistema operativo, el núcleo, etc.
Como un terminal equivalente al Administrador de tareas en Windows, el comando top mostrará una lista de los procesos en ejecución y la cantidad de CPU que utiliza cada proceso. Es muy útil monitorear el uso de los recursos del sistema, especialmente para saber qué proceso debe terminarse porque consume demasiados recursos.
Cuando hayas estado utilizando Linux durante un cierto período de tiempo, notarás rápidamente que puedes ejecutar cientos de comandos todos los días. Como tal, ejecutar el comando history es particularmente útil si deseas revisar los comandos que ingresaste anteriormente.
¿Confundido sobre la función de ciertos comandos de Linux? No te preocupes, puedes aprender fácilmente cómo usarlos directamente desde el shell de Linux mediante el comando man. Por ejemplo, al ingresar man tail se mostrarán las instrucciones manuales del comando tail.
Este comando se usa para mover algunos datos a un archivo. Por ejemplo, si deseas agregar el texto «Hola, mi nombre es John» en un archivo llamado nombre.txt, debes escribir echo Hola, mi nombre es John >> nombre.txt
Usa el comando zip para comprimir tus archivos en un archivo zip y use el comando unzip para extraer los archivos comprimidos de un archivo zip.
Si deseas conocer el nombre de tu host/red, simplemente escribe hostname. Agregar un -I al final mostrará la dirección IP de tu red.
Dado que Linux es un sistema multiusuario, esto significa que más de una persona puede interactuar con el mismo sistema al mismo tiempo. useradd se usa para crear un nuevo usuario, mientras que passwd agrega una contraseña a la cuenta de ese usuario. Para agregar una nueva persona llamada John, escribe useradd John y luego para agregar su contraseña, escribe passwd 123456789.
Eliminar un usuario es muy similar a agregar un nuevo usuario. Para eliminar la cuenta de usuario, escribe userdel NombredeUsuario
Para los que le salga una pantalla diferente a la que se ve en la clase. Cuando se entra en configuracion. No se preocupen en la parte inferior izquierda sale abrir archivo JSON y a partir de alli pueden abrirs el visual studio cede y seguir con el video. Otra alternativa mas rapida es la de en configuracion en la ventana donde dice inicio en “perfil determinado” le cambien a ubuntu. Es el mismo resultado. Y si gustan pueden corroborarlo en entrando de nuevo a visual studio code mediante “abrir archivo JSON”.
Si Live Server no despliega el navegador puede hacer esto:
1.Buscan Configuraciones
2.escriben liveser
3. Seleccionan Área de Trabajo
4.Dan Clic en Editar en Json
Cuando ya estén en la configuración, deben escribir el código si no lo tienen. Especificando que navegador predeterminado quieres para ejecutar, escribiendo la ubicación del archivo .exe.
Actualización Octubre del 2022 es más sencillo solo tienes que dar click en cual terminal quieres usar por default
Para quienes no tienen instalado el Windows terminal, pueden descargarlo de la store de Microsoft. Estuve mucho rato con eso, luego hacen los pasos del video y les mostrará esta pantalla:
Aqui deben darle a JSON y luego les preguntará con que programa quieren abrirlo y deben colocar Visual Studio.
Acabo de actualizar npm y nodejs con las siguientes instrucciones y funcionaron geniales.
ACTUALIZACIÓN DE NPM
npm -v: Para ver la versión actual instalada.
sudo npm update -g: Para ver la última versión disponible
sudo npm install -g npm@latest: Actualiza la versión de npm. latest es la última versión disponible. Por ejemplo, npm install -g [email protected]
npm -v: Para ver la versión actualizada.
Última versión de npm 8.1.3
ACTUALIZACIÓN DE NODEJS
node -v: Para ver la versión.
sudo npm cache clean -f: Limpia el cache.
sudo npm install -g n: Instala n. Hacerlo una sola vez. n es un gestor de paquetes para node nos ofrece muchas opciones, no solo la actualización, por lo que es muy recomendable tenerlo a mano.
sudo n stable: Actualiza nodejs a la última versión estable
node -v: Para ver la versión actualizada.
npm audit: Lista las vulnerabilidades.
Última versión de node.js 16.13.0
Hola gente
tuve muchos problemas con la instalación del node.js al parecer el método que explica Ricardo en el video esta desactualizado, yo seguí los pasos de este link y me funciono perfectamente instalando la ultima versión disponible, espero que les sea de ayuda.
https://docs.microsoft.com/en-us/windows/dev-environment/javascript/nodejs-on-wsl
En Windows 11:
DOCUMENTANDO MI PROCESO:
Adicionalmente a la actualización utilizando
sudo apt-get updrade
A mi me aparecieron unos errores:
Por lo tanto, investigando rápido en foros encontré que en Ubuntu se utiliza el comando
sudo service dbus start
para corregir ese servicio que hacía falta (si alguien me lo puede aclarar, bienvenida la retro!).
Posteriormente, haciendo caso a un compañero en los aportes comentó que había que usar los siguientes comandos:
Ese fue mi proceso. Espero le sirva a alguien.
En las versiones actuales de Windows Terminal se puede hacer desde **Configuración **en la solapa **Inicio **la opción Perfil predeterminado, seleccionamos Ubuntu 2022-05-01.png
Les comparto unos comandos.
El símbolo(>>>>>>) es para diferenciar a los comando de la definición.
touch prueba.txt >>>>>>> crear un fichero
rm prueba.txt >>>>>>>>>> eliminar una carpeta vacia
mkdir prueba >>>>>>>>>>> crear carpetas
rmdir prueba >>>>>>>>>>> eliminar carpetas
cd …/Videos >>>>>>>>> movernos desde donde estemos ah alguna carpeta principal
pwd >>>>>>>>>>>>>>>>>>> ver en donde estamos ubicados
cat >>>>>>>>>>>>>>>>>>> concatenar, para crear fusionar o imprimir archivos en la pantalla.
mv >>>>>>>>>>>>>>>>> para mover un archivo a otra carpeta
cp >>>>>>>>>>>>>> para copiar un archivo
rm -r >>>>>>>>>>>> eliminar unna carpeta con contenido
rm -r -i <> rm -ri >>>> eliminar una carpeta con contennido pero escogiendoque cosas si y que cosas no
touch () () () >>>>>>> pueden aceptar varios ficheros
mkdir “Hola Mundo” >>>> crea una carpeta entera con ese nombre
man ls >>>>>>>>>>> informacion sobre el comando
ls -l >>>>>>>>>>>> mostrar archivos y sus caracteristicas de lo tiene el directorio actual
totuch .ocultto >>>>>>>>>> adelantar el (.) para crear un archivo oculto
ls -l -a <> ls -la >>>>>>> mostrar todos los archivos incluido los ocultos con caracteristicas
grep (ratones) fichero.txt >>>>>>>>> busca las palabras especifica en el fichero.txt, sin parentesis
grep -n >>>>>>busca los mismo pero con el numero espefico de la linea donde se encuentre
Para instalar node LTS y su npm correspondiente he seguido las instrucciones del siguiente link: Instalación de NodeJS en el Subsistema de Windows para Linux (WSL2)
Es de la documentación oficial de Microsoft, espero les sirva, ya que fue la única forma con la que logré actualizar node.
Para los que deseen actualizar node y npm, pueden ejecutar:
curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
Posteriormente…
sudo apt-get install -y nodejs
Para quienes tengan el problema de que no se les abre el archivo index.html con el Live Server, la solucion que encontre es usando otra extension que es muy parecida Live Server, pueden encontrarla como Five Server 👇
Tu familia viéndote como todo un hacker, tú que solo ejecutaste un sudo apt-get update 😎
Para los que tengan problemas en abrir el Live Server en el WSL, acá les dejo la solución:
1.- Primero abrir el VS desde WSL y dar click a manage (es el icono de engranaje que aparece en la esquina inferior izquierda en la interfaz de VS).
2.- Una vez abierto manage buscar y abrir settings o configuración (dependiendo del idioma en que esté configurado VS).
3.- En la esquina superior derecha aparecerá el icono de una hoja de papel ( o folio) que dice “Open settings (JSON)”. Hay que darle click para abrir el archivo JSON.
4.- Ya abierto el archivo JSON hay que pegar las siguientes líneas (la última es posible que ya esté en el archivo ):
“liveServer.settings.AdvanceCustomBrowserCmdLine”: “/mnt/c/Program Files/Google/Chrome/Application/chrome.exe”,
“liveServer.settings.CustomBrowser”: “chrome:PrivateMode”,
“liveServer.settings.donotShowInfoMsg”: true,
5.- Por último guardar los cambios y probar abriendo el Live Server.
Extra: sí aún con todo esto no se logra abrir el Live Server, verificar la ruta donde se tenga instalado Google Chrome (Copiarla) y hacer la modificación en la primera línea de Código
apartir de /mtn/c .
🚨
Si al instalar la extensión de WSL de VSCode tienes problema de que el live server no te abre el navegardor, ingresa esto en el JSON de tu live server : “liveServer.settings.AdvanceCustomBrowserCmdLine”:
"/mnt/c/Program Files/Google/Chrome Dev/Application/chrome.exe",
En mi caso uso Chrome Dev por defecto. Cambia la ruta según el navegador que deseas usar con el live server.
🚨
Si no les abrió la configuración en Visual Studio Code, van ahí a configuración y hay una configuración hasta abajo que dice “Abrir archivo JSON” eso los llevara al programa Visual Studio Code.
Para mi todo este mundo es nuevo y voy bajando los programas conforme va avanzando el curso.
Cuando sigo los pasos al inicio
1.- Windows Terminal
2.- (Flechita hacia abajo)
Ahí no se abrió mi editor de VSC, mas bien se abrió un recuadro y seleccioné ABRIR ARCHIVO JSON
Por si les llega a pasar y por si les llega a servir.
Saludos compañeros.
Les comparto mi fondo :3
Hola! Dejo mi aporte!
En la version actual de windows terminal ya no se puede abrir la configuracion de esa manera sino que tienes que seleccionar "Abrir Archivo JSON"
Dejo la Ruta 😄
<br>No funcionan los brakes xD<br>
Si quieren que por defecto que Windows Terminal abra su home de WSL agregan esta opción en las configuraciones de la shell del linux que tengan instalado
ahora todo es mas fácil se abre una pestaña y cambias el perfil predeterminado por tu usuario de ubunto, guardar y listo
vayaa sufri un poco pero lo logré!!
sin la comunidad, que dificil sería
De la siguiente forma les instalara nodejs actualizado a la 16 lts ya que ubuntu lo trae desactualizado con la version 10.
curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -
sudo apt-get install -y nodejs
Estuvo muy buena la clase, pero creo que le falto decir que se instala una versión pasada de node js, así que tenemos que instalar npm con el comando “sudo apt install npm” para instalar n y así poder actualizar todo, aquí dejp un video que lo explica mejor dura 2 min, y apenas se termina la intalación de todo reiniciamos el compu. https://www.youtube.com/watch?v=9JIuagb2FrM&t=101s&ab_channel=TUTOSPIXEL
Ahora en W11
Acá le dejo esta página web donde estan alguno comandos de linux https://www.lawebdelprogramador.com/pdf/16773-Comandos-basicos.html
|
Primero hay que ir a este sitio a elegir el theme que más te guste:
Windows Terminal Themes
Luego solo hay que entrar a la “configuración”, buscar la consola de Ubuntu y agregar el nombre del theme que en mi caso fué “Homebrew”
"colorScheme": "nombre-del-theme"
Y para finalizar solo presionan CTRL + S para guardar cambios.
Espero haber ayudado a alguien 😄
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?