Editar archivos directamente en el servidor con Sublime Text

Cuando trabajamos con Sublime Text como IDE para desarrollar nuestras aplicaciones Digitales, podemos editar los archivos directamente en el servidor.

Bueno ahora vamos con los pasos para Editar archivos directemente en el servidor con Sublime Text:

 

Paso 1

Primero instalamos Sublime Tex, para ello nos dirigimos a su pagina web y nos descargamos el programa:

Página Web: http://www.sublimetext.com/

Pagina Web de Sublime Text, para descargar.
Pagina Web de Sublime Text, para descargar.

Una ves descargado el instalador de Sublime Text (ST), instalamos el programa como cualquier otro programa.

 

Paso 2

Ahora tenemos que instalar el Package Control(Administrador de Paquetes), en nuestro Sublime Text instalado.

Para esto nos dirigimos  a la pagina Web del Package Control:

Página Web del Package Control: https://sublime.wbond.net/installation

Luego seguimos las instrucciones del Manual de instalación que existe en su Web.Web del Package Control

Como en esta oportunidad hablaremos sobre editar archivos directamente desde el servidor, no expandiremos mucho sobre el tema del Package Control, la instalación es sencilla, las instrucciones de el manual es simple y muy fácil de seguir.

 

 Paso 3

Ahora tenemos que instalar un FTP persistente para editar nuestros archivos directamente en el servidor.

Para ellos usaremos el plugin SFTP, este plugin nos da la versión gratis solo para 1 usuario, si queremos instalarla para mas usuarios hay un pago que tenemos que hacer, el precio lo podemos ver en la web del plugin.

Página Web del Plugin SFTP: http://wbond.net/sublime_packages/sftp

Web del Plugin
Web del Plugin

 

Bueno entonces ahora nos dirigimos al menú Preferencias > Package Control.  dentro de nuestro IDE Sublime Text:

Menu Preferencias > Package Control

Ahora nos aparecerá el menú de opciones del Package Control y seleccionamos la opcion: Install Package:

 

Seleccionamos Install Package
Seleccionamos Install Package

Ahora escribimos en el cuadro de texto el nombre del plugin SFTP:

Escribimos SFTP

Dejamos que se instale, y cuando termine de instalar el SFTP, dentro de nuestro Sublime Text nos aparecerá un texto que indica que se ha instalado correctamente el plugin SFTP.

Texto que indica que se ha instalado correctamente el plugin SFTP.
Texto que indica que se ha instalado correctamente el plugin SFTP.

Nos pide que reiniciemos Sublime Text, para ello cerramos el programa y lo volvemos a abrir.

 

Paso 4

Ahora editamos el archivo de configuración para conectarnos a nuestro servidor, para ello nos vamos al menú de opciones del SFTP.

Nos dirigimos al menu File > SFTP/FTP> Browser Server.

Menú del Plugin SFTP
Menú del Plugin SFTP

Agregamos un nuevo servidor para conectarnos a el y editar directamente los archivos del proyecto:

Agregamos un nuevo servidor
Agregamos un nuevo servidor

Configuramos el servidor al cual nos queremos conectar:

NOTAS:

– Cambiar sfpt x ftp es decir Escribir ftp en donde nos pide el tipo:  «type»: «sftp».

Configuración del Servidor al que deseamos conectarnos
Configuración del Servidor al que deseamos conectarnos

– No escribir el password por seguridad, este nos lo pedirá en la parte de abajo cuando la conexión se realizó con éxito (Una ves que termines de configurar tu conexión, debes guardar en archivo de configuración en formato JSON. Ejemplo: miconfig.json):

Abajo nos pide la contraseña del servidor
Abajo nos pide la contraseña del servidor

Una ves conectado al servidor, podemos ver nuestras carpetas y los archivos que queremos editar, Seleccionamos el archivo que queremos editar y se nos abrirá en nuestro Sublime Text, ya estamos editando directamente en nuestro servidor:

Conectado al servidor, navegamos por las carpetas y los archivos que queremos editar.
Conectado al servidor, navegamos por las carpetas y los archivos que queremos editar.

Cuando seleccionamos un archivo de nuestro servidor para editarlo, nos muestra un menu de opciones para decidir que queremos hacer con el archivo, si editar, renombrar, etc.:

Menu de opciones para el archivo seleccionado del servidor.
Menu de opciones para el archivo seleccionado del servidor.

El archivo que editemos de nuestro servidor lo guardamos como siempre lo hacemos, menú Archivo>Guardar o CTRL + S.

Entonces si vamos y revisamos el archivo en nuestro navegador podemos ver que el archivo a sido editado directamente en el servidor sin haber sido descargado a nuestra PC.

Creo que esta manera de trabajar agiliza el proceso de producción de nuestro proyecto, quizás es un poco riesgoso por ello aconsejo primero hacer un backup de tus archivos a tu disco duro local.

Espero que les sea de mucha ayuda.

Gracias por su atención

Autor: Juan Castro Lurita

Engineer especialista en Web development, también especializado en multimedia, gráfica e impresiones, Blender 3D, Autocad 3D, etc. Actualmente vivo en Lima - Perú. Amo la informática y la Web. Twitter: @pepoflex

31 opiniones en “Editar archivos directamente en el servidor con Sublime Text”

  1. Ese archivo de configuracion lo guardo o que???
    porque a mi no me pide el pass….
    y como se si ya estoy conectado al servidor???
    como abro los archivos del servidor???

  2. – El archivo de configuracion lo guardas con la extension .json, es decir lo guardas con un nombre asi: chocolateria.json

    – Una ves guardado, cierra todos los archivos y sigue el paso 4 para abrir los archivos, te pedira el password, lo ingresas , espera no muevas nada y al momento te listara los archivos de tu servidor, sigue el Paso 4.
    Saludos.

  3. Amigo, tengo problema al sincronizar un proyecto, tengo un proyecto1, este lo puedo descargar y sincronizar perfectamente por ftp pero tengo proyecto2, y este no lo puedo descargar ni sincronizar, sabes que puede ser? ya que ambos tiene los mismo permisos 7,5,5 la única diferencia es que el proyecto2 pesa unos 150mb y el proyecto1 solo 35mb.

  4. En tu archivo que configurastes .json cambiar el connect_tiemout 30 a 3000, parece que tu archivo al ser muy pesado, demora en cargar. Recomiendo usar archivos no tan pesados, los cuales son los html, php, js, css, etc. Se sabe que los archivos no tiene que ser pesados para que nuestra web tenga una carga optima.

  5. Buenas, debido a que varias personal pueden abrir el mismo archivo del servidor para editarlo, quiero saber cómo puedo evitar que se sobreescriban los archivos y que alguno de los que se encuentra editando pierda las modificaciones que está haciendo.

  6. Tendrías que adicionarle a tu trabajo un Sistema de Control de versiones como Git, Mercurial, etc. La idea seria que se antes de subir su archivo al servidor, coloquen en su comit: Archivo Listo para subir y lo suban al servidor.

  7. a mi me funciona todo bien hasta el momento que voy a guardar los cambios. me dice failure(permission denied)

  8. ya sincronize con el servidor pero no se como ver o abrir los archivos de mi server, no se como

  9. soy nueva en esto y quiero saber cual es la configuración mas apropiada para alguien que esta empezando a programar, tengo un ordenador de 32 bits y windows 10. Disculpe mi ignorancia; solo quiero empezar a escribir los codigos cosa que estoy aprendiendo ya, pero no se la combinacion de las teclas y tampoco porque a las personas que veo programar algunas palabras le salen en colores, realmente no se nada aun mas que, algoritmos y el significado de algunos signos en Java Script que es lenguaje con que estoy aprendiendo. si me pudiera decir como utilizar sublime text y la sintaxis, Gracias y de nuevo disculpe mi ignorancia.

  10. Para programar tienes que dedicarle mucho a investigar, en google puedes consultar cada duda que tengas, tambien tienes los foros y grupos sobre el lenguaje de programación que deseas aprender. No aprenderás de la noche a la mañana tiene su escala de aprendizaje poco a poco seras mejor en ello.

  11. Amigo conoces alguna forma de mostrar el directorio completo directamente en sublime sin sincronizar los archivo del servidor a local?

  12. ¡Excelente tutorial! ¿Sabes la ubicación en MacOSX donde se deben de guardar los archivos json? Gracias.

  13. Hola Juan! gracias por el tutorial! te consulto, me gustaría sincronizar mis archivos de appserv con el SFTP porque ahora los guarda en appData/Local/Temp y al otro día por la mañana tengo que volver a copiar toda la carpeta para comenzar o descargarme de nuevo todo el sitio!.

  14. Amigo cuando intento conectar me da el siguiente error PASV mode error, try setting ftp_passive_mode to false in sftp-config.json) he estado investigando pero no he encontrado nada referente a eso, sale justamente cuando intenta reconocer el remote_path

  15. Para los que preguntan si se puede sincronizar toda la carpeta, en sublime text -> click en su carpeta en la lista de sublime -> SFTP/FTP -> Map to remote ,Esto nos generará un archivo oculto llamado sftp-config.json que se alojara en la carpeta de tu proyecto. Para poder sincronizar esta carpeta con el servidor deberemos configurar este archivo de forma correcta

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *