{"id":3719,"date":"2024-12-23T08:00:00","date_gmt":"2024-12-23T08:00:00","guid":{"rendered":"https:\/\/elasvi.com\/?p=3719"},"modified":"2024-12-21T02:19:53","modified_gmt":"2024-12-21T02:19:53","slug":"vim-el-editor-de-texto-comandos-basicos","status":"publish","type":"post","link":"https:\/\/elasvi.com\/index.php\/2024\/12\/23\/vim-el-editor-de-texto-comandos-basicos\/","title":{"rendered":"Vim, el Editor de Texto: Comandos B\u00e1sicos"},"content":{"rendered":"\n<p>Vim es un editor de texto poderoso y ampliamente utilizado en sistemas basados en Unix. Este tutorial te guiar\u00e1 por los pasos esenciales para empezar a usarlo. Contin\u00faa leyendo, o si prefieres, haz <a href=\"https:\/\/youtu.be\/ciTvNzhrdfM\" target=\"_blank\" rel=\"noreferrer noopener\">CLIC AQU\u00cd<\/a> para ir al enlace a YouTube donde podr\u00e1s ver un tutorial paso a paso.<\/p>\n\n\n\n<style>\n  \/* Estilos para el \u00edndice *\/\n  .indice {\n    background-color: #f4f4f4;\n    border: 1px solid #ddd;\n    border-radius: 10px;\n    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\n    padding: 20px;\n  }\n\n  .indice h2 {\n    font-size: 1.8em;\n    color: #333;\n    margin-bottom: 10px;\n  }\n\n  .indice ul {\n    list-style-type: none;\n    padding: 0;\n  }\n\n  .indice li {\n    margin: 10px 0;\n    transition: transform 0.2s;\n  }\n\n  .indice a {\n    text-decoration: none;\n    color: #0073e6;\n    font-weight: bold;\n    transition: color 0.3s;\n  }\n\n  .indice a:hover {\n    color: #0052a5;\n  }\n\n  \/* Efecto de resaltado al pasar el rat\u00f3n sobre los elementos de la lista *\/\n  .indice li:hover {\n    transform: scale(1.05);\n  }\n<\/style>\n\n<div class=\"indice\">\n  <h2>Contenido:<\/h2>\n  <ul>\n    <li><a href=\"#secciona\">1. Instalar Vim<\/a><\/li>\n    <li><a href=\"#seccionb\">2. Abrir o crear un archivo<\/a><\/li>\n    <li><a href=\"#seccionc\">3. Entrar al modo edici\u00f3n<\/a><\/li>\n    <li><a href=\"#secciond\">4. Consejos \u00datiles al Usar Vim<\/a><\/li>\n    <li><a href=\"#seccione\">5. Guardar y salir<\/a><\/li>\n    <li><a href=\"#seccionf\">6. Verificar el archivo<\/a><\/li>\n    <li><a href=\"#secciong\">7. Eliminar el archivo creado<\/a><\/li>\n    <li><a href=\"#seccionh\">8. Todos los Comandos<\/a><\/li>\n  <\/ul>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<h3 id=\"secciona\">1. Instalar Vim<\/h3>\n\n\n\n<p>Si no tienes Vim instalado, usa este comando en tu terminal:<\/p>\n\n\n\n<div class=\"code-container\">\n    <button class=\"copy-button\" onclick=\"copyCode(this)\">Copiar<\/button>\n    <pre><code>sudo apt install vim<\/code><\/pre>\n<\/div>\n\n<script>\nfunction copyCode(button) {\n    navigator.clipboard.writeText(button.nextElementSibling.innerText);\n    button.textContent = '\u00a1Copiado!';\n    setTimeout(() => button.textContent = 'Copiar', 2000);\n}\n<\/script>\n\n<style>\n.code-container {\n    position: relative;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    background: #f8f8f8;\n    margin: 10px 0;\n    overflow: hidden;\n    font-family: monospace;\n}\n\n.copy-button {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    background: #0078D7;\n    color: white;\n    border: none;\n    border-radius: 3px;\n    padding: 4px 8px;\n    font-size: 12px;\n    cursor: pointer;\n}\n\n.copy-button:hover {\n    background: #005A9E;\n}\n\npre {\n    margin: 0;\n    padding: 10px;\n    overflow-x: auto;\n}\n<\/style>\n\n\n\n<h3 id=\"seccionb\">2. Abrir o crear un archivo<\/h3>\n\n\n\n<p>Para empezar, abre Vim con un archivo nuevo o existente. Por ejemplo, para trabajar en un archivo llamado <code>mi_archivo.txt<\/code>, escribe:<\/p>\n\n\n\n<div class=\"code-container\">\n    <button class=\"copy-button\" onclick=\"copyCode(this)\">Copiar<\/button>\n    <pre><code>vim mi_archivo.txt<\/code><\/pre>\n<\/div>\n\n<script>\nfunction copyCode(button) {\n    navigator.clipboard.writeText(button.nextElementSibling.innerText);\n    button.textContent = '\u00a1Copiado!';\n    setTimeout(() => button.textContent = 'Copiar', 2000);\n}\n<\/script>\n\n<style>\n.code-container {\n    position: relative;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    background: #f8f8f8;\n    margin: 10px 0;\n    overflow: hidden;\n    font-family: monospace;\n}\n\n.copy-button {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    background: #0078D7;\n    color: white;\n    border: none;\n    border-radius: 3px;\n    padding: 4px 8px;\n    font-size: 12px;\n    cursor: pointer;\n}\n\n.copy-button:hover {\n    background: #005A9E;\n}\n\npre {\n    margin: 0;\n    padding: 10px;\n    overflow-x: auto;\n}\n<\/style>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Si el archivo no existe, Vim lo crear\u00e1 autom\u00e1ticamente.<\/li>\n\n\n\n<li>Si el archivo ya existe, lo abrir\u00e1 para que lo edites.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"229\" src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2024\/12\/01-3.jpg\" alt=\"\" class=\"wp-image-3736\" srcset=\"https:\/\/elasvi.com\/wp-content\/uploads\/2024\/12\/01-3.jpg 700w, https:\/\/elasvi.com\/wp-content\/uploads\/2024\/12\/01-3-300x98.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<h3 id=\"seccionc\">3. Entrar al modo edici\u00f3n<\/h3>\n\n\n\n<p>Al abrir Vim, estar\u00e1s en el <strong>modo comando<\/strong>, donde no puedes escribir directamente. Para comenzar a escribir, presiona la tecla <code>i<\/code> en tu teclado. Esto te llevar\u00e1 al <strong>modo edici\u00f3n<\/strong>.<\/p>\n\n\n\n<p>Ahora puedes escribir lo que quieras. O si quieres pegar texto desde el portapapeles (por ejemplo, desde este tutorial), usa la combinaci\u00f3n <code>Ctrl + Shift + V<\/code>.<\/p>\n\n\n\n<p>Por ejemplo, agrega este texto:<\/p>\n\n\n\n<div class=\"code-container\">\n    <button class=\"copy-button\" onclick=\"copyCode(this)\">Copiar<\/button>\n    <pre><code>Hola, este es un ejemplo b\u00e1sico de Vim.\n\u00a1Escribe lo que quieras aqu\u00ed!<\/code><\/pre>\n<\/div>\n\n<script>\nfunction copyCode(button) {\n    navigator.clipboard.writeText(button.nextElementSibling.innerText);\n    button.textContent = '\u00a1Copiado!';\n    setTimeout(() => button.textContent = 'Copiar', 2000);\n}\n<\/script>\n\n<style>\n.code-container {\n    position: relative;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    background: #f8f8f8;\n    margin: 10px 0;\n    overflow: hidden;\n    font-family: monospace;\n}\n\n.copy-button {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    background: #0078D7;\n    color: white;\n    border: none;\n    border-radius: 3px;\n    padding: 4px 8px;\n    font-size: 12px;\n    cursor: pointer;\n}\n\n.copy-button:hover {\n    background: #005A9E;\n}\n\npre {\n    margin: 0;\n    padding: 10px;\n    overflow-x: auto;\n}\n<\/style>\n\n\n\n<h3 id=\"secciond\">4. Consejos \u00datiles al Usar Vim<\/h3>\n\n\n\n<p>Aseg\u00farate de estar en el modo comando (Haber presionado <code>Esc<\/code>).<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Moverte por el archivo<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Usa las teclas <code>h<\/code>, <code>j<\/code>, <code>k<\/code> y <code>l<\/code> para moverte (izquierda, abajo, arriba y derecha).<\/li>\n\n\n\n<li>Usa <code>G<\/code> para ir al final del archivo o <code>:1<\/code> para ir al inicio.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Eliminar una l\u00ednea<\/strong>:  y escribe <code>dd<\/code> para borrar la l\u00ednea actual.<\/li>\n<\/ul>\n\n\n\n<h3 id=\"seccione\">5. Guardar y salir<\/h3>\n\n\n\n<p>Cuando hayas terminado de escribir o editar, sigue estos pasos para guardar y salir del archivo:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Salir del modo edici\u00f3n<\/strong>:<br>Presiona la tecla <code>Esc<\/code> para volver al <strong>modo comando<\/strong>.<\/li>\n\n\n\n<li><strong>Guardar y salir<\/strong>:<br>Escribe lo siguiente:<\/li>\n<\/ol>\n\n\n\n<div class=\"code-container\">\n    <button class=\"copy-button\" onclick=\"copyCode(this)\">Copiar<\/button>\n    <pre><code>:wq<\/code><\/pre>\n<\/div>\n\n<script>\nfunction copyCode(button) {\n    navigator.clipboard.writeText(button.nextElementSibling.innerText);\n    button.textContent = '\u00a1Copiado!';\n    setTimeout(() => button.textContent = 'Copiar', 2000);\n}\n<\/script>\n\n<style>\n.code-container {\n    position: relative;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    background: #f8f8f8;\n    margin: 10px 0;\n    overflow: hidden;\n    font-family: monospace;\n}\n\n.copy-button {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    background: #0078D7;\n    color: white;\n    border: none;\n    border-radius: 3px;\n    padding: 4px 8px;\n    font-size: 12px;\n    cursor: pointer;\n}\n\n.copy-button:hover {\n    background: #005A9E;\n}\n\npre {\n    margin: 0;\n    padding: 10px;\n    overflow-x: auto;\n}\n<\/style>\n\n\n\n<p> Y presiona <code>Enter<\/code>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Si deseas salir sin guardar los cambios, usa:<\/li>\n<\/ul>\n\n\n\n<div class=\"code-container\">\n    <button class=\"copy-button\" onclick=\"copyCode(this)\">Copiar<\/button>\n    <pre><code>:q!<\/code><\/pre>\n<\/div>\n\n<script>\nfunction copyCode(button) {\n    navigator.clipboard.writeText(button.nextElementSibling.innerText);\n    button.textContent = '\u00a1Copiado!';\n    setTimeout(() => button.textContent = 'Copiar', 2000);\n}\n<\/script>\n\n<style>\n.code-container {\n    position: relative;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    background: #f8f8f8;\n    margin: 10px 0;\n    overflow: hidden;\n    font-family: monospace;\n}\n\n.copy-button {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    background: #0078D7;\n    color: white;\n    border: none;\n    border-radius: 3px;\n    padding: 4px 8px;\n    font-size: 12px;\n    cursor: pointer;\n}\n\n.copy-button:hover {\n    background: #005A9E;\n}\n\npre {\n    margin: 0;\n    padding: 10px;\n    overflow-x: auto;\n}\n<\/style>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"534\" src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2024\/12\/02-3.jpg\" alt=\"\" class=\"wp-image-3737\" srcset=\"https:\/\/elasvi.com\/wp-content\/uploads\/2024\/12\/02-3.jpg 700w, https:\/\/elasvi.com\/wp-content\/uploads\/2024\/12\/02-3-300x229.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<h3 id=\"seccionf\">6. Verificar el archivo<\/h3>\n\n\n\n<p>Para confirmar que el archivo se guard\u00f3 correctamente, utiliza el siguiente comando en la terminal:<\/p>\n\n\n\n<div class=\"code-container\">\n    <button class=\"copy-button\" onclick=\"copyCode(this)\">Copiar<\/button>\n    <pre><code>cat mi_archivo.txt<\/code><\/pre>\n<\/div>\n\n<script>\nfunction copyCode(button) {\n    navigator.clipboard.writeText(button.nextElementSibling.innerText);\n    button.textContent = '\u00a1Copiado!';\n    setTimeout(() => button.textContent = 'Copiar', 2000);\n}\n<\/script>\n\n<style>\n.code-container {\n    position: relative;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    background: #f8f8f8;\n    margin: 10px 0;\n    overflow: hidden;\n    font-family: monospace;\n}\n\n.copy-button {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    background: #0078D7;\n    color: white;\n    border: none;\n    border-radius: 3px;\n    padding: 4px 8px;\n    font-size: 12px;\n    cursor: pointer;\n}\n\n.copy-button:hover {\n    background: #005A9E;\n}\n\npre {\n    margin: 0;\n    padding: 10px;\n    overflow-x: auto;\n}\n<\/style>\n\n\n\n<p>Esto mostrar\u00e1 el contenido del archivo.<\/p>\n\n\n\n<h3 id=\"secciong\">7. Eliminar el archivo creado<\/h3>\n\n\n\n<p>Si deseas eliminar el archivo que creaste, puedes usar el comando <code>rm<\/code> en la terminal:<\/p>\n\n\n\n<div class=\"code-container\">\n    <button class=\"copy-button\" onclick=\"copyCode(this)\">Copiar<\/button>\n    <pre><code>rm mi_archivo.txt<\/code><\/pre>\n<\/div>\n\n<script>\nfunction copyCode(button) {\n    navigator.clipboard.writeText(button.nextElementSibling.innerText);\n    button.textContent = '\u00a1Copiado!';\n    setTimeout(() => button.textContent = 'Copiar', 2000);\n}\n<\/script>\n\n<style>\n.code-container {\n    position: relative;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    background: #f8f8f8;\n    margin: 10px 0;\n    overflow: hidden;\n    font-family: monospace;\n}\n\n.copy-button {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    background: #0078D7;\n    color: white;\n    border: none;\n    border-radius: 3px;\n    padding: 4px 8px;\n    font-size: 12px;\n    cursor: pointer;\n}\n\n.copy-button:hover {\n    background: #005A9E;\n}\n\npre {\n    margin: 0;\n    padding: 10px;\n    overflow-x: auto;\n}\n<\/style>\n\n\n\n<p>Este comando elimina el archivo de manera permanente, as\u00ed que aseg\u00farate de que no lo necesitas antes de ejecutarlo.<\/p>\n\n\n\n<p>Vim es una herramienta poderosa, pero empezar con lo esencial te permitir\u00e1 sentirte c\u00f3modo r\u00e1pidamente.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"165\" src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2024\/12\/03-3.jpg\" alt=\"\" class=\"wp-image-3739\" srcset=\"https:\/\/elasvi.com\/wp-content\/uploads\/2024\/12\/03-3.jpg 700w, https:\/\/elasvi.com\/wp-content\/uploads\/2024\/12\/03-3-300x71.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<h3 id=\"seccionh\">8. Todos los Comandos<\/h3>\n\n\n\n<div class=\"code-container\">\n    <button class=\"copy-button\" onclick=\"copyCode(this)\">Copiar<\/button>\n    <pre><code>sudo apt install vim\nvim mi_archivo.txt\ncat mi_archivo.txt\nrm mi_archivo.txt<\/code><\/pre>\n<\/div>\n\n<script>\nfunction copyCode(button) {\n    navigator.clipboard.writeText(button.nextElementSibling.innerText);\n    button.textContent = '\u00a1Copiado!';\n    setTimeout(() => button.textContent = 'Copiar', 2000);\n}\n<\/script>\n\n<style>\n.code-container {\n    position: relative;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    background: #f8f8f8;\n    margin: 10px 0;\n    overflow: hidden;\n    font-family: monospace;\n}\n\n.copy-button {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    background: #0078D7;\n    color: white;\n    border: none;\n    border-radius: 3px;\n    padding: 4px 8px;\n    font-size: 12px;\n    cursor: pointer;\n}\n\n.copy-button:hover {\n    background: #005A9E;\n}\n\npre {\n    margin: 0;\n    padding: 10px;\n    overflow-x: auto;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Vim es un editor de texto poderoso y ampliamente utilizado en sistemas basados en Unix. Este tutorial te guiar\u00e1 por los pasos esenciales para empezar a usarlo.<\/p>\n","protected":false},"author":1,"featured_media":3742,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[57,14,144],"tags":[131,146,7,145],"class_list":["post-3719","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-debian","category-linux","category-vim","tag-debian-12","tag-editor-de-texto","tag-linux","tag-vim"],"_links":{"self":[{"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/posts\/3719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/comments?post=3719"}],"version-history":[{"count":7,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/posts\/3719\/revisions"}],"predecessor-version":[{"id":3743,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/posts\/3719\/revisions\/3743"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/media\/3742"}],"wp:attachment":[{"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/media?parent=3719"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/categories?post=3719"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/tags?post=3719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}