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.

50 Recept Infographics om u te helpen een betere kok te maken

Mensen koken niet meer, dat is jammer. Het is een verloren kunst, zeker voor bepaalde generaties dan anderen (laten we hier geen vingers wijzen) maar niet koken is zo'n verlies. Een van de belangrijkste redenen waarom veel mensen niet koken, is dat ze niet weten hoe en niet de tijd of de interesse hebben om zichzelf een paar goede recepten te leren

(Technische en ontwerptips)

18 Essentiële plug-ins om meer uit sublieme tekst te halen

Hoewel SublimeText wordt geleverd met een heleboel geweldige functies die ons helpen als webontwikkelaars te werken, zoals bij elke andere tool, is er altijd ruimte voor verbeteringen . Dit is wanneer plug-ins echt nuttig kunnen zijn (en we zijn grote fans van plug-ins).Voordat we verdergaan, wil je misschien onze vorige berichten op SublimeText bekijken om te zien wat het in zijn oorspronkelijke staat kan doen:Eenvoudig kleurenpikken in sublieme tekstBeheer notities en lijsten met sublieme tekstHoe Sass compileren met sublieme tekstHoe veranderingen in de browser kunnen worden vernieuwd met su

(Technische en ontwerptips)