{"id":28065,"date":"2021-05-19T17:59:00","date_gmt":"2021-05-19T14:59:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28065"},"modified":"2021-10-17T16:57:12","modified_gmt":"2021-10-17T13:57:12","slug":"extension-ftp-sftp-para-visual-studio-code","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/extension-ftp-sftp-para-visual-studio-code\/","title":{"rendered":"Extensi\u00f3n FTP \/ SFTP para Visual Studio Code"},"content":{"rendered":"<p>Visual Studio Code es la \u00faltima opci\u00f3n popular para los desarrolladores. Es un editor de c\u00f3digo de fuente abierta disponible para los sistemas operativos Windows, Linux y macOS. Este editor de c\u00f3digo est\u00e1 desarrollado por Microsoft. Visual Studio Code (c\u00f3digo VS de forma abreviada) incluye soporte para un terminal integrado, control Git integrado, resaltado de sintaxis, fragmentos, refactorizaci\u00f3n de c\u00f3digo y mucho m\u00e1s. En su <a href=\"https:\/\/marketplace.visualstudio.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">mercado,<\/a> se pueden encontrar miles de extensiones de VS Code de forma totalmente gratuita.<\/p>\n<p>En este art\u00edculo, estudiamos una de las extensiones m\u00e1s populares y de uso obligatorio para los desarrolladores, que es <strong>sftp<\/strong>. Esta es una extensi\u00f3n amigable para desarrolladores que facilita mucho nuestro proceso de desarrollo.<\/p>\n<p>Con esta extensi\u00f3n, puede transferir archivos dentro del propio c\u00f3digo VS sin utilizar ning\u00fan software de terceros como FileZilla, WinSCP, etc.<\/p>\n<p>Algunas de las funciones \u00fatiles de la <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=liximomo.sftp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">extensi\u00f3n sftp<\/a> son:<\/p>\n<ul>\n<li>Navega de forma remota con Remote Explorer<\/li>\n<li>Diferencia local y remota<\/li>\n<li>Directorio de sincronizaci\u00f3n<\/li>\n<li>Subir descargar<\/li>\n<li>Subir al guardar<\/li>\n<\/ul>\n<h3>C\u00f3mo instalar la extensi\u00f3n sftp en VS Code<\/h3>\n<p>Para usar la extensi\u00f3n sftp de Visual Studio, debe tener un c\u00f3digo de Visual Studio instalado en su sistema. Para la instalaci\u00f3n de la extensi\u00f3n, abra el editor y haga clic en el icono Extensi\u00f3n de la barra lateral izquierda. En el campo de b\u00fasqueda, escriba &#8216;sftp&#8217; y ver\u00e1 la lista de extensiones.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032c68682.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032c68682.png\" alt=\"Extensi\u00f3n FTP \/ SFTP para Visual Studio Code\" ><\/a><\/p>\n<p>De la lista, elija la extensi\u00f3n desarrollada por liximomo. Haga clic en el bot\u00f3n de instalaci\u00f3n junto a la extensi\u00f3n.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032ce0372.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032ce0372.png\" alt=\"Extensi\u00f3n FTP \/ SFTP para Visual Studio Code\" ><\/a><\/p>\n<p>Luego instalar\u00e1 la extensi\u00f3n globalmente en su sistema.<\/p>\n<h3>C\u00f3mo usar la extensi\u00f3n sftp en VS Code<\/h3>\n<p>Despu\u00e9s de instalar la extensi\u00f3n, veamos c\u00f3mo usar esta extensi\u00f3n. Abra el proyecto en el editor. Puede hacer esto desde Archivo-&gt; Abrir carpeta y seleccionar el directorio de su proyecto.<\/p>\n<p>Presione Ctrl + Shift + P si est\u00e1 en Windows \/ Linux o Cmd + Shift + P en Mac, lo que abre una paleta de comandos. Escriba SFTP y seleccione la opci\u00f3n SFTP: config.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032d44f97.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032d44f97.png\" alt=\"Extensi\u00f3n FTP \/ SFTP para Visual Studio Code\" ><\/a><\/p>\n<p>Abrir\u00e1 el <code>sftp.json<\/code>archivo en el editor. Obtendr\u00e1 el contenido como se muestra a continuaci\u00f3n en el <code>sftp.json<\/code>archivo.<\/p>\n<pre><code>{\n\u00a0\u00a0\u00a0\u00a0\"name\": \"My Server\",\n\u00a0\u00a0\u00a0\u00a0\"host\": \"localhost\",\n\u00a0\u00a0\u00a0\u00a0\"protocol\": \"sftp\",\n\u00a0\u00a0\u00a0\u00a0\"port\": 22,\n\u00a0\u00a0\u00a0\u00a0\"username\": \"username\",\n\u00a0\u00a0\u00a0\u00a0\"remotePath\": \"\/\",\n\u00a0\u00a0\u00a0\u00a0\"uploadOnSave\": true\n}<\/code><\/pre>\n<p>Complete los detalles como protocolo, host, nombre de usuario, ruta remota, etc. El puerto predeterminado es 22. Puede cambiarlo si est\u00e1 utilizando otro puerto. Recomiendo mantener el valor &quot;uploadOnSave&quot; como falso para que el archivo no se cargue autom\u00e1ticamente al guardarlo. Mientras usa la extensi\u00f3n, aseg\u00farese de que su proyecto local y el proyecto remoto tengan la misma estructura de archivos y carpetas.<\/p>\n<p>Una vez que ingrese los detalles, guarde el archivo. <code>sftp.json<\/code>archivo guardado en el directorio ra\u00edz de su proyecto en la <code>.vscode<\/code>carpeta. Este archivo es para un solo proyecto. Para otro proyecto, debe seguir los mismos pasos y configurar un <code>sftp.json<\/code>archivo.<\/p>\n<p>Tenga en cuenta que aqu\u00ed no es necesario que ingrese su contrase\u00f1a. La extensi\u00f3n solicita la contrase\u00f1a por primera vez cuando realiza la operaci\u00f3n y es un proceso de una sola vez.<\/p>\n<p>Abramos cualquier archivo de tu proyecto. Al hacer clic con el bot\u00f3n derecho, ver\u00e1 la opci\u00f3n para cargar y descargar. Haga clic en cualquiera de ellos y le pedir\u00e1 una contrase\u00f1a.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032d44f97.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032d44f97.png\" alt=\"Extensi\u00f3n FTP \/ SFTP para Visual Studio Code\" ><\/a><\/p>\n<p>Agrega la contrase\u00f1a y presiona Enter. La extensi\u00f3n sftp guard\u00f3 su contrase\u00f1a de forma segura y ahora no necesita ingresar la contrase\u00f1a nuevamente mientras su editor est\u00e9 abierto. Si no desea solicitar una contrase\u00f1a cuando vuelva a abrir el editor, debe agregar el siguiente par clave-valor en el <code>sftp.json<\/code>archivo.<\/p>\n<pre><code>{\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0\"password\": \"password_here\"\n}<\/code><\/pre>\n<h3>Otras funciones proporcionadas por la extensi\u00f3n<\/h3>\n<p>Esta extensi\u00f3n tambi\u00e9n proporciona una funci\u00f3n de Explorador remoto donde puede ver la estructura de archivos y directorios de su servidor remoto.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032d44f97.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20544-6082032d44f97.png\" alt=\"Extensi\u00f3n FTP \/ SFTP para Visual Studio Code\" ><\/a><\/p>\n<p>Otra caracter\u00edstica interesante proporcionada por la extensi\u00f3n es Sincronizar local a remoto y viceversa. Para hacerlo, debe abrir la paleta de comandos y escribir &#8216;Sincronizar&#8217;, le dar\u00e1 opciones para \u00abSincronizar local -&gt; Remoto&quot; y \u00abSincronizar remoto -&gt; Local\u00bb.<\/p>\n<p><strong>Nota:<\/strong> aseg\u00farese de realizar todas las operaciones con cuidado, ya que se trata directamente de su servidor remoto.<\/p>\n<p>Espero que pueda aprender los conceptos b\u00e1sicos sobre el uso de la extensi\u00f3n sftp en Visual Studio Code. Me gustar\u00eda escuchar sus pensamientos y sugerencias en la secci\u00f3n de comentarios a continuaci\u00f3n.<\/p>\n<h4>Art\u00edculos relacionados<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/?p=28048\"  utilizar el paquete FTP SFTP con texto br>\u00bb >C\u00f3mo utilizar el paquete FTP \/ SFTP con texto sublime<br \/><\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/como-subir-imagenes-a-otro-servidor-a-traves-de-ftp-en-laravel\/\" title=\"C\u00f3mo subir im\u00e1genes a otro servidor a trav\u00e9s de FTP en Laravel\">C\u00f3mo subir im\u00e1genes a otro servidor a trav\u00e9s de FTP en Laravel<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/cargar-archivos-en-amazon-s3-mediante-aws-php-sdk\/\" &quot;Cargar archivos en Amazon S3 mediante AWS PHP br>\u00bb >Cargar archivos en Amazon S3 mediante AWS PHP SDK<br \/><\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este art\u00edculo, le mostramos c\u00f3mo usar la extensi\u00f3n FTP \/ SFTP para el c\u00f3digo de Visual Studio. Usando esta extensi\u00f3n, podemos transferir archivos dentro del propio editor.<\/p>\n","protected":false},"author":1,"featured_media":22140,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[410],"tags":[849],"class_list":["post-28065","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diverso","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/28065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=28065"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/28065\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/22140"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=28065"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=28065"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=28065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}