{"id":43729,"date":"2024-11-27T17:12:28","date_gmt":"2024-11-27T16:12:28","guid":{"rendered":"\/tutoriales\/?p=43729"},"modified":"2026-03-10T16:43:00","modified_gmt":"2026-03-10T15:43:00","slug":"como-instalar-visual-studio-code-en-ubuntu","status":"publish","type":"post","link":"\/co\/tutoriales\/como-instalar-visual-studio-code-en-ubuntu\/","title":{"rendered":"C\u00f3mo instalar Visual Studio Code en Ubuntu"},"content":{"rendered":"

Visual Studio Code <\/strong>(VS Code) es un editor de código abierto popular, desarrollado por Microsoft. VS Code Server, una extensión de este software, te permite acceder al editor a través de un navegador web, convirtiéndolo en una opción ideal para el desarrollo remoto.<\/p>

Al igual que la versión de escritorio, VS Code Server ofrece funciones como resaltado de sintaxis, depuración integrada, control Git incorporado y compatibilidad con varios lenguajes de programación.<\/p>

En este artículo, aprenderás a instalar VS Code Server en un servidor virtual privado <\/strong>(VPS) Ubuntu. Al final, serás capaz de gestionar y editar tu código de forma remota con un editor de código completo y accesible desde el navegador.<\/p>

\"\"<\/a><\/figure>

Requisitos previos<\/h2>

Antes de instalar VS Code Server en Ubuntu, asegúrate de que tu servidor cumple los siguientes requisitos.<\/p>

En primer lugar, debe ejecutar una versión de Ubuntu con soporte a largo plazo <\/strong>(LTS), como Ubuntu 20.04 <\/strong>o posterior. Tu VPS también debe tener al menos 1 GB <\/strong>de RAM y 200 MB <\/strong>de espacio disponible en disco para soportar la instalación y el funcionamiento.<\/p>

A continuación, utiliza una conexión estable a Internet para descargar los archivos de instalación y dependencias necesarias. Además, necesitarás privilegios de administrador o sudo <\/strong>en tu VPS para instalar el software.<\/p>

Métodos para instalar VS Code en Ubuntu<\/h2>

Hay varias formas de instalar VS Code Server en Ubuntu, ya sea automáticamente mediante una plantilla o manualmente utilizando comandos de Linux<\/a>. Elige la que mejor se adapte a la configuración de tu VPS y a tus conocimientos técnicos. Ten en cuenta que para cada método utilizamos Ubuntu 24.04<\/strong>.<\/p>

Instalación utilizando la plantilla VPS de Hostinger<\/h3>

Utilizar la plantilla VPS de Hostinger es la forma más sencilla de instalar VS Code Server en Ubuntu. Disponible en todos nuestros planes de hosting VPS<\/a>, esta plantilla te permite ejecutar el editor de código con sólo unos clics.<\/p>

También viene con un entorno preconfigurado, para que no tengas que configurar manualmente las dependencias y componentes necesarios, lo que puede ser propenso a errores para principiantes.<\/p>

Sigue estos pasos para instalar la plantilla VS Code Server en el VPS de Hostinger:<\/p>

    \n
  1. Entra en hPanel con tu cuenta de Hostinger y accede a VPS → Administrar<\/strong>.<\/li>\n\n\n\n
  2. En la barra lateral izquierda, ve a Sistema operativo y Panel → Sistema operativo<\/strong>.<\/li>\n\n\n\n
  3. Selecciona la pestaña Aplicación <\/strong>y haz clic en Ubuntu 24.04 con VS Code<\/strong>.<\/li>\n<\/ol>
    \"Ventana<\/figure><\/div>
      \n
    1. Pulsa Cambiar SO <\/strong>y sigue las indicaciones en pantalla para establecer una nueva contraseña para VS Code Server.<\/li>\n<\/ol>

      Espera a que finalice el proceso de instalación, que debería durar unos cinco minutos. Una vez hecho, ve a Vista general → Administrar app <\/strong>y haz clic en la URL de inicio de sesión para acceder al editor. Introduce la contraseña que configuraste anteriormente.<\/p>

      Tras la configuración, puedes empezar a personalizar tu entorno, instalar extensiones de terceros y gestionar tus repositorios de código. <\/p>

      \"Panel<\/figure>
      \"\"<\/a><\/figure>

      Instalación mediante el script install.sh<\/h3>

      También puedes utilizar el script install.sh <\/strong>para instalar VS Code Server en tu VPS Ubuntu. Este script detecta automáticamente el gestor de paquetes de tu sistema e instala el paquete adecuado, minimizando los posibles problemas de compatibilidad.<\/p>

      A continuación cómo hacerlo:<\/p>

        \n
      1. Inicia sesión en tu servidor mediante un terminal o una aplicación cliente SSH como PuTTY<\/a>. Si eres cliente de Hostinger VPS, encuentra tus credenciales navegando a Vista general → Detalles del VPS<\/strong>.<\/li>\n<\/ol>
        \"Vista<\/figure>
          \n
        1. Ejecuta el siguiente comando curl<\/a> para iniciar la instalación:<\/li>\n<\/ol>
          curl -fsSL https:\/\/code-server.dev\/install.sh | sh<\/pre>
          También puedes personalizar el comando. Por ejemplo, para instalar una versión concreta en lugar de la última, ejecuta:<\/p>
          curl -fsSL https:\/\/code-server.dev\/install.sh | sh -s -- --version=X.X.X<\/pre>
          Sustituye X.X.X <\/strong>por la versión concreta que quieras utilizar.<\/p>
            \n
          1. Abre el archivo de configuración con el editor de texto nano<\/a> para editar la dirección bind y recuperar la contraseña:<\/li>\n<\/ol>
            nano ~\/.config\/code-server\/config.yaml<\/pre>
            Busca la línea que empieza por bind-addr: <\/strong>y actualízala para que coincida con la dirección IP de tu servidor:<\/p>
            bind-addr: tu_vps_ip:8080<\/pre>
            Mientras estás en el archivo, copia la contraseña para utilizarla al iniciar sesión.<\/p>
            \"Ejemplo<\/figure>
            Guarda los cambios y sal de nano <\/strong>pulsando Ctrl + X → Y → Intro<\/strong>.<\/p>
              \n
            1. Inicia VS Code Server ejecutando:<\/li>\n<\/ol>
              code-server<\/pre>
                \n
              1. Abre tu navegador y ve a http:\/\/your_vps_ip:8080. Inicia sesión con la misma contraseña del archivo de configuración.<\/li>\n<\/ol>
                Instalación mediante un paquete .deb<\/h3>
                Configurar manualmente VS Code Server mediante un paquete .deb <\/strong>proporciona más control sobre el proceso de instalación. Con este método, puedes elegir la versión del software que mejor se adapte a tus necesidades y asegurarte de que todo está configurado exactamente como deseas.<\/p>
                Aquí tienes las instrucciones:<\/p>
                  \n
                1. Descarga el paquete .deb <\/strong>específico de la página de versiones de GitHub de VS Code Server<\/a>. Sustituye $VERSION <\/strong>por la versión deseada:<\/li>\n<\/ol>
                  curl -fOL https:\/\/github.com\/coder\/code-server\/releases\/download\/v$VERSION\/code-server_$VERSION_amd64.deb<\/pre>
                    \n
                  1. Instala el paquete utilizando el comando dpkg<\/strong>:<\/li>\n<\/ol>
                    sudo dpkg -i code-server_${VERSION}_amd64.deb<\/pre>
                    Si surgen problemas de dependencia durante la instalación, resuélvelos ejecutando:<\/p>
                    sudo apt --fix-broken install<\/pre>
                      \n
                    1. Edita el archivo de configuración para establecer la dirección bind correcta y anota la contraseña, de forma similar al método anterior:<\/li>\n<\/ol>
                      nano ~\/.config\/code-server\/config.yaml<\/pre>
                        \n
                      1. Activa e inicia el servicio VS Code Server para asegurarte de que se inicie automáticamente cada vez que se reinicie tu VPS:<\/li>\n<\/ol>
                        sudo systemctl enable --now code-server@$USER<\/pre>
                          \n
                        1. Para comprobar que VS Code Server se está ejecutando, utiliza el siguiente comando:<\/li>\n<\/ol>
                          systemctl status code-server@$USER<\/pre>
                          Si el servicio está activo, accede a VS Code Server a través de http:\/\/your_vps_ip:8080.<\/p>
                          Instalar utilizando una versión independiente<\/h3>
                          El método de versión independiente te permite configurar VS Code Server sin depender del gestor de paquetes del sistema. Es ideal para usuarios avanzados que requieren entornos personalizados o cuando necesitas aislar la instalación.<\/p>
                          Aquí tienes una guía para instalar VS Code Server mediante una versión independiente:<\/p>
                            \n
                          1. Descarga el último archivo .tar.gz <\/strong>de la versión independiente desde el repositorio oficial de GitHub:<\/li>\n<\/ol>
                            curl -fL https:\/\/github.com\/coder\/code-server\/releases\/download\/v$VERSION\/code-server-$VERSION-linux-amd64.tar.gz -o code-server-$VERSION-linux-amd64.tar.gz<\/pre>
                              \n
                            1. Extrae el contenido del archivo a tu directorio preferido utilizando el comando tar<\/a>. Por ejemplo, extrae a ~\/.local\/lib<\/strong>:<\/li>\n<\/ol>
                              mkdir -p ~\/.local\/lib ~\/.local\/bin\n\ntar -xzvf servidor-codigo-$VERSION-linux-amd64.tar.gz -C ~\/.local\/lib<\/pre>
                                \n
                              1. Cambia el nombre del directorio para facilitar el acceso:<\/li>\n<\/ol>
                                mv ~\/.local\/lib\/code-server-$VERSION-linux-amd64 ~\/.local\/lib\/code-server-$VERSION<\/pre>
                                  \n
                                1. Crea un enlace simbólico<\/a> en tu directorio ~\/.local\/bin <\/strong>para facilitar la ejecución del comando code-server <\/strong>desde cualquier lugar:<\/li>\n<\/ol>
                                  ln -s ~\/.local\/lib\/code-server-$VERSION\/bin\/code-server ~\/.local\/bin\/code-server<\/pre>
                                    \n
                                  1. Añade code-server <\/strong>al PATH <\/strong>de <\/strong>tu sistema. Esto te permitirá ejecutar el comando sin necesidad de especificar la ruta completa cada vez:<\/li>\n<\/ol>
                                    export PATH=\"~\/.local\/bin:$PATH\"<\/pre>
                                      \n
                                    1. Para que este cambio sea permanente, añade el comando exportar al archivo de inicio de tu shell, como .bashrc<\/strong>:<\/li>\n<\/ol>
                                      echo 'export PATH=\"~\/.local\/bin:$PATH\"' >> ~\/.bashrc\n\nsource ~\/.bashrc<\/pre>
                                        \n
                                      1. Ajusta la dirección bind con la IP de tu servidor y copia la contraseña para su uso posterior:<\/li>\n<\/ol>
                                        nano ~\/.config\/code-server\/config.yaml<\/pre>
                                          \n
                                        1. Inicia VS Code Server ejecutando lo siguiente:<\/li>\n<\/ol>
                                          code-server<\/pre>
                                          Después, accede a tu VS Code Server abriendo tu navegador web.<\/p>
                                          Cómo desinstalar Visual Studio Code en Ubuntu<\/h2>
                                          Puede que quieras desinstalar VS Code Server de Ubuntu por varias razones, como cambiar a otro editor de código, liberar espacio en disco o reconfigurar tu entorno de servidor.<\/p>
                                          El proceso de eliminación varía en función de cómo se instaló.<\/p>
                                          Plantilla VPS Hostinger<\/h3>
                                          Si instalaste VS Code Server utilizando la plantilla VPS de Hostinger, puedes desinstalarlo cambiando a otra plantilla.<\/p>
                                          Selecciona una plantilla o distribución de Linux<\/a> diferente en la misma página de Sistema operativo<\/strong>. A continuación, sigue las indicaciones en pantalla para completar el cambio. Esto eliminará automáticamente la configuración existente del VS Code Server.<\/p>
                                          \n            \n                \n                    \n                <\/svg>\n                Important\n            <\/span>\n            
                                          \n                ¡Importante! <\/strong>Asegúrate de hacer una copia de seguridad de los datos de tu servidor<\/a> antes de cambiar de plantilla, ya que este proceso eliminará todos los datos existentes en el servidor.\n            <\/p><\/div><\/p>
                                          script install.sh<\/h3>
                                          Si utilizaste el script install.sh <\/strong>para instalar VS Code Server, elimina primero sus archivos de instalación:<\/p>
                                          rm -rf ~\/.local\/lib\/code-server-*<\/pre>
                                          A continuación, borra los archivos de configuración que queden en tu sistema:<\/p>
                                          rm -rf ~\/.config\/code-server<\/pre>
                                          Paquete .deb<\/h3>
                                          Para los usuarios que configuraron VS Code Server mediante un paquete .deb<\/strong>, utiliza APT <\/strong>para desinstalar el software:<\/p>
                                          sudo apt remove code-server<\/pre>
                                          También puedes limpiar los archivos de configuración residuales con:<\/p>
                                          sudo apt autoremove<\/pre>
                                          Versión independiente<\/h3>
                                          Para las instalaciones realizadas con una versión autónoma, tienes que eliminar manualmente el directorio de instalación:<\/p>
                                          rm -rf ~\/.local\/lib\/code-server-*<\/pre>
                                          Si creaste un enlace simbólico para acceder más fácilmente al comando code-server<\/strong>, elimínalo:<\/p>
                                          rm ~\/.local\/bin\/code-server<\/pre>
                                          Borra los datos de usuario, ajustes o archivos de configuración que queden:<\/p>
                                          rm -rf ~\/.local\/share\/code-server ~\/.config\/code-server<\/pre>
                                          Conclusión<\/h2>
                                          Esta guía ha cubierto diferentes métodos para instalar VS Code Server en Ubuntu, incluyendo el uso de la plantilla VPS de Hostinger y el script install.sh<\/strong>. Cada técnica ofrece más niveles de control y flexibilidad, así que elige la que mejor se adapte a tus necesidades.<\/p>
                                          Asegúrate de mantener VS Code Server actualizado para acceder a las últimas funciones, aumentos de rendimiento y mejoras de seguridad. También te recomendamos que pruebes las extensiones para mejorar aún más tu experiencia de programación.<\/p>
                                          Esperamos que esta guía te haya sido de utilidad. Si tienes algún comentario o pregunta, escríbela en la sección de abajo. ¡Buena suerte!<\/p>
                                          Cómo instalar VS Code en Ubuntu – Preguntas frecuentes<\/h2>
                                          Esta sección cubre algunas de las preguntas más comunes sobre instalar VS Code en Ubuntu.<\/p>
                                          \n
                                          \n
                                          \n
                                          ¿Cuáles son los requisitos del sistema para instalar Visual Studio Code?<\/h3>\n
                                          \n\n
                                          Para instalar Visual Studio Code en Ubuntu, necesitarás un sistema que ejecute Ubuntu u003cstrongu003e20.04 u003c\/strongu003eo posterior, con al menos u003cstrongu003e1 GB u003c\/strongu003ede RAM y u003cstrongu003e200 MB u003c\/strongu003ede almacenamiento disponible. u003cbr \/u003eu003cbr \/u003eTambién se necesita una conexión estable a Internet para descargar Visual Studio Code.<\/p>\n\n<\/div>\n<\/div>\n
                                          \n
                                          ¿Existe un repositorio de paquetes para VS Code?<\/h3>\n
                                          \n\n
                                          Sí, la versión de escritorio de VS Code tiene un repositorio u003cstrongu003eAPT u003c\/strongu003eoficial de Microsoft. También puedes instalar VS Code Server en VPS descargando un paquete u003cstrongu003e.deb u003c\/strongu003emediante el comando u003cstrongu003ecurlu003c\/strongu003e.<\/p>\n\n<\/div>\n<\/div>\n
                                          \n
                                          ¿Tengo que desinstalar algún otro editor de texto antes de instalar VS Code?<\/h3>\n
                                          \n\n
                                          No, no necesitas desinstalar otros editores de texto antes de instalar VS Code. Múltiples editores de código pueden coexistir en el mismo sistema sin problemas y puedes cambiar fácilmente entre ellos cuando lo necesites.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>
                                          <\/h3>\n","protected":false},"excerpt":{"rendered":"
                                          Visual Studio Code (VS Code) es un editor de código abierto popular, desarrollado por Microsoft. VS Code Server, una extensión de este software, te permite acceder al editor a través de un navegador web, convirtiéndolo en una opción ideal para el desarrollo remoto. Al igual que la versión de escritorio, VS Code Server ofrece funciones […]<\/p>\n
                                          Read More…<\/a><\/p>\n","protected":false},"author":353,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"C\u00f3mo instalar Visual Studio Code en Ubuntu: 4 formas diferentes","rank_math_description":"Descubre 4 m\u00e9todos para instalar Visual Studio Code en Ubuntu: desde plantillas VPS hasta scripts y paquetes .deb.","rank_math_focus_keyword":"como instalar visual studio code en ubuntu","footnotes":""},"categories":[5700],"tags":[],"class_list":["post-43729","post","type-post","status-publish","format-standard","hentry","category-vps"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-install-vs-code-on-ubuntu\/","default":1},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/comment-installer-vs-code-sur-ubuntu\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-instalar-visual-studio-code-en-ubuntu\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-install-vs-code-on-ubuntu\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-install-vs-code-on-ubuntu\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-install-vs-code-on-ubuntu\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-install-vs-code-on-ubuntu\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-install-vs-code-on-ubuntu\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-install-vs-code-on-ubuntu\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-install-vs-code-on-ubuntu\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-instalar-visual-studio-code-en-ubuntu\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/como-instalar-visual-studio-code-en-ubuntu\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-instalar-visual-studio-code-en-ubuntu\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/43729","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/users\/353"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/comments?post=43729"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/43729\/revisions"}],"predecessor-version":[{"id":46423,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/43729\/revisions\/46423"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/media?parent=43729"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/categories?post=43729"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/tags?post=43729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}