Snel een bestandspad invoegen in sublieme tekst [Quicktip]

Sublime Text is een zeer minimale code-editor. Het komt zonder veel van een GUI; zelfs de instellingen zijn op tekst-gebaseerde manier gedaan. Dit minimalisme helpt ons om ons meer te concentreren op het schrijven van de codes, eerder afgeleid te worden door de dressing van de code-editor. Maar dit komt ook met een vraag in gedachten: Hoe voegen we een bestandspad in?

Met andere codebewerkers, zoals Coda, kunt u een bestandspad voor afbeeldingen of stijlbladen invoegen door eenvoudig slepen-en-neerzetten - u hoeft alleen het bestand op het werkgebied neer te zetten.

Sublime Text daarentegen heeft zo'n functie niet. Mogelijk moet je het pad typen - wat niet leuk is. Hier is een alternatief dat het invoegen van bestandspaden eenvoudiger en meer gestroomlijnd maakt.

Mijn eerste oplossing

Mijn eerste oplossing was het gebruik van een plug-in genaamd SidebarEnhancement. Deze plug-ins voegen een aantal extra items toe aan het contextmenu van de zijbalk inclusief Copy Path. Optie, klik met de rechtermuisknop op een van de bestanden in uw project, klik met de rechtermuisknop en selecteer de optie Kopieerpad.

Daar heb je het pad van het geselecteerde bestand. En deze manier is beter dan het pad van het bestand met uw handen neer te zetten. Niet goed genoeg? Er is nog een betere plugin voor de klus.

Een betere oplossing

Deze tweede plug-in heet AutoFileName . U bent wellicht bekend met de functie voor het automatisch aanvullen van code in Sublime-tekst: deze plug-in biedt een vergelijkbare functie voor automatisch aanvullen voor de bestandsnaam. U kunt deze plug-in via Package Control installeren.

Ervan uitgaande dat uw project een HTML-bestand heeft en twee mappen; één voor het opslaan van stylesheets en een andere voor afbeeldingen, binnen de tag van het HTML-bestand, wilt u misschien een stylesheet koppelen. Met deze plug-in geïnstalleerd, kunt u eenvoudig de cursor in de href, en het toont een lijst met bestanden en mappen die zich op hetzelfde directoryniveau bevinden.

Vervolgens selecteert het selecteren van de CSS de bestanden en mappen erin.

Ziet er efficiënter en gestroomlijnder uit, toch? U hoeft niet telkens te "kopiëren en plakken" telkens wanneer u een bestandspad moet invoegen. Deze plugin doet het giswerk voor ons.

Afbeeldingspad invoegen

Dit is, denk ik, de meest nuttige functie van AutoFileName. Wanneer u een afbeelding invoegt, worden de afbeeldingsgrootte, de breedte en de hoogte geïdentificeerd. Vervolgens vult het ook het kenmerk image width en height automatisch met de geïdentificeerde grootte. Perfect!

Laatste gedachte

Dit zijn de twee plug-ins die regelmatig mijn dagelijkse werk begeleiden. Maar ik gebruik nu SidebarEnhancement voornamelijk om de projecten te beheren die zijn bijgevoegd in de zijbalk van Sublime Text. Voor het invoegen van het bestandspad, gebruik ik AutoFileName die het werk perfect doet. Tot slot hoop ik dat u deze quicktip nuttig vindt en dat deze uw productiviteit zal helpen verhogen.

Hoe digitale documenten ondertekenen met app Preview (OS X)

Voor freelancers die op afstand werken, kan het een probleem zijn om een ​​document persoonlijk te moeten ondertekenen. In plaats van op kantoor te verschijnen of de klant te ontmoeten, wordt het document meestal naar ons gestuurd, we printen het uit, ondertekenen het en scannen het opnieuw met die scanner die we hebben rondslingerend. He

(Technische en ontwerptips)

Google implementeert belangrijke AMP-integratie-updates

In 2015 probeerde Google het snelheidsprobleem aan te pakken dat veel websites hebben als ze op mobiel worden bekeken. Om dit te doen, heeft Google het AMP- platform (Accelerated Mobile Pages) ontwikkeld, een open source "initiatief" waarmee uitgevers een versie van hun site kunnen aanbieden die ontdaan is van scripts en extensies van derden, waardoor gebruikers van mobiele apparaten sneller kunnen werken

(Technische en ontwerptips)