Comment insérer le chemin du fichier rapidement dans le texte sublime [Quicktip]

Sublime Text est un éditeur de code très minimal. Il vient sans une grande partie d'une interface graphique; Même les paramètres sont faits en mode texte. Ce minimalisme nous aide à nous concentrer davantage sur l'écriture des codes plutôt que d'être distrait par l'habillage de l'éditeur de code. Mais cela vient aussi avec une question en tête: Comment insérer un chemin de fichier?

D'autres éditeurs de code, comme Coda par exemple, vous permettent d'insérer un chemin de fichier pour les images, ou des feuilles de style par simple glisser-déposer - il suffit de déposer le fichier sur la zone de travail.

D'autre part, Sublime Text n'a pas cette caractéristique. Vous devrez peut-être taper le chemin - ce qui n'est pas amusant. Voici une alternative qui facilitera l'insertion de chemins de fichier et la simplifiera.

Ma première solution

Ma première solution utilisait un plugin appelé SidebarEnhancement. Ce plugin ajoute des éléments supplémentaires au menu contextuel de la barre latérale, y compris Copy Path. Cliquez avec le bouton droit de la souris sur l'un des fichiers de votre projet, cliquez avec le bouton droit de la souris et sélectionnez l'option Copier le chemin.

Là, vous avez le chemin du fichier sélectionné. Et c'est mieux que d'avoir à définir le chemin du fichier avec vos mains. Pas assez bon? Il y a un autre meilleur plugin pour le travail.

Une meilleure solution

Ce deuxième plugin s'appelle AutoFileName . Vous pourriez être familier avec la fonction d'auto-complétion de code dans Sublime Text - ce plugin apporte une fonctionnalité d'auto-complétion similaire pour le nom de fichier. Vous pouvez installer ce plugin via le contrôle de paquet.

En supposant que votre projet a un fichier HTML et deux dossiers; un pour stocker les feuilles de style et un autre pour les images, dans le tag du fichier HTML, vous pouvez lier une feuille de style. Avec ce plugin installé, vous pouvez simplement placer le curseur dans le href, et il montrera une liste de fichiers et de dossiers qui sont au même niveau de répertoire.

Ensuite, la sélection du css listera les fichiers et dossiers qu'il contient.

Il semble plus efficace et rationalisé, non? Vous n'avez pas besoin de "copier et coller" à chaque fois que vous avez besoin d'insérer un chemin de fichier. Ce plugin fait la conjecture pour nous.

Insérer un chemin d'image

C'est, je pense, la fonctionnalité la plus utile de AutoFileName. Lorsque vous insérez une image, elle identifie la taille de l'image, la largeur et la hauteur. Ensuite, il remplira automatiquement l'attribut width et height l'image avec la taille identifiée. Parfait!

Pensée finale

Ce sont les deux plugins qui accompagnent régulièrement mon travail quotidien. Mais j'utilise maintenant SidebarEnhancement principalement pour gérer les projets qui sont attachés dans la barre latérale Sublime Text. Pour insérer le chemin du fichier, j'utilise AutoFileName qui fait le travail parfaitement. Enfin, j'espère que vous trouverez ce quicktip utile, et que cela vous aidera à augmenter votre productivité.

Pour l'amour du bois: 55 sculptures en bois étonnantes [Photos]

Un célèbre peintre et sculpteur français, Edgar Degas, a déclaré: «L'art n'est pas ce que vous voyez, mais ce que vous faites voir aux autres.» Et ces 20 sculpteurs de bois talentueux et créatifs nous feront voir la beauté de l'art de la sculpture sur bois. leurs créations . Beaucoup de ces artistes ont également marqué leur empreinte sur la scène artistique internationale.La plupart d

(Conseils techniques et de conception)

10 vidéos TED incontournables pour les concepteurs

TED (Technologie, Divertissement, Design) existe depuis 1984 avec l'objectif principal de diffuser de très bonnes idées et expériences liées à la technologie, au divertissement et au design. Vous n'êtes peut-être pas familier avec cette conférence, mais sérieusement, les dispositifs technologiques cool comme Xbox Kinect sont inspirés par l'un des discours de TED.Pour sûr,

(Conseils techniques et de conception)