Cómo insertar ruta de archivo rápidamente en Sublime Text [Quicktip]

Sublime Text es un editor de código muy minimalista. Viene sin mucha GUI; incluso la configuración se realiza en forma de texto. Este minimalismo nos ayuda a enfocarnos más en escribir los códigos en lugar de distraernos con el vestidor del editor de código. Pero esto también viene con una pregunta en mente: ¿cómo insertamos una ruta de archivo?

Otros editores de código, como Coda, por ejemplo, le permiten insertar una ruta de archivo para imágenes o hojas de estilo con solo arrastrar y soltar, simplemente coloque el archivo en el área de trabajo.

Sublime Text, por otro lado, no tiene esa característica. Puede que tengas que escribir la ruta, lo cual no es divertido. Aquí hay una alternativa que facilitará y simplificará la inserción de rutas de archivos.

Mi primera solución

Mi primera solución fue usar un complemento llamado SidebarEnhancement. Estos complementos agregan algunos elementos adicionales al menú contextual de la barra lateral, incluida la Ruta de copia. Opción, haga clic con el botón derecho en uno de los archivos de su proyecto, haga clic con el botón derecho y seleccione la opción Copiar ruta.

Ahí tienes la ruta del archivo seleccionado. Y de esta manera es mejor que tener que establecer la ruta del archivo con sus manos. ¿No es suficiente? Hay otro complemento mejor para el trabajo.

Una mejor solución

Este segundo complemento se llama nombre de archivo automático . Es posible que esté familiarizado con la función de autocompletado de código en Sublime Text: este complemento brinda una funcionalidad de autocompletar similar para el nombre de archivo. Puede instalar este complemento a través de Package Control.

Suponiendo que su proyecto tiene un archivo HTML y dos carpetas; uno para almacenar hojas de estilo y otro para imágenes, dentro del etiqueta del archivo HTML, es posible que desee vincular una hoja de estilo. Con este complemento instalado, puede simplemente colocar el cursor en el href, y se mostrará una lista de archivos y carpetas que están en el mismo nivel de directorio.

Luego, al seleccionar el css se listarán los archivos y las carpetas en él.

Se ve más eficiente y racionalizado, ¿verdad? No tiene que "copiar y pegar" repetidamente cada vez que necesite insertar una ruta de archivo. Este plugin nos sirve para nosotros.

Inserción de la ruta de la imagen

Esta es, creo, la característica más útil de AutoFileName. Cuando inserte una imagen, identificará el tamaño de la imagen, el ancho y la altura. Luego también poblará automáticamente el width y el height la imagen con el tamaño identificado. ¡Perfecto!

Pensamiento final

Estos son los dos complementos que acompañan regularmente mi trabajo diario. Pero ahora uso SidebarEnhancement principalmente para administrar los proyectos que están adjuntos en la barra lateral de Sublime Text. Para insertar la ruta del archivo, uso AutoFileName, que hace el trabajo a la perfección. Por último, espero que este quicktip le resulte útil y que le ayude a aumentar su productividad.

Top 10 Shorthands de JavaScript para principiantes

Las abreviaturas de JavaScript no solo aceleran el proceso de codificación, sino que también reducen las secuencias de comandos, por lo tanto, generan cargas de página más rápidas . Los códigos abreviados son tan válidos como sus versiones a mano alzada; esencialmente representan lo mismo, solo que en un formato más compacto. Son un

(Consejos de tecnología y diseño)

Este sitio web revela lo que su navegador podría rastrear

Muchos de ustedes probablemente conozcan el hecho de que su buscador de Internet rastrea su información, como el historial de navegación. Lo que quizás no sepa es que su buscador puede rastrear mucho más que eso.Clickclickclick es un sitio web que puede ayudarlo a comprender cuánta información puede rastrearse cuando visita una página. Si er

(Consejos de tecnología y diseño)