Sublime Text 2 Project Bliss

L'une des nombreuses choses qui m'a amené à décider que Sublime Text allait être mon éditeur de texte préféré était la façon dont vous pouviez personnaliser ce qui était affiché dans la liste de fichiers à gauche. Je ne savais pas que ce niveau de personnalisation était disponible. Voici un court tutoriel qui, je l’espère, vous aidera autant que moi..


Étape 1 - Ajout d'un dossier

Remarque: Si vous avez déjà configuré un projet, passez à l'étape 3.

Lors de l’ouverture de Sublime Text, ajoutez un dossier au projet en appuyant sur Ctrl + Maj + P (Cmd + Maj + p sur Mac) pour afficher la palette de commandes über, en tapant "Ajouter", puis en appuyant sur Entrer.


Étape 2 - Enregistrer le projet

Maintenant que vous avez ajouté un dossier au projet, ouvrez à nouveau la palette de commandes et tapez "Enregistrer" (ou Projet: Enregistrer sous) pour enregistrer votre projet. Nous allons éditer ce fichier à l'étape suivante.

N'oubliez pas de donner à votre fichier de projet la .extension de projet sublime. Probablement, cela vous sera fourni.


Étape 3 - Familiarisez-vous avec le fichier de projet

Dans le menu, sélectionnez Projet -> Modifier le projet pour modifier le fichier de projet que vous avez enregistré à l'étape 2. Ou bien entendu y accéder à partir de la palette de commandes.

Vous devriez maintenant voir quelque chose de similaire au suivant dans votre fenêtre d’éditeur:

 "dossiers": ["chemin": "/ C / wamp / www / wordpress"]

Assez explicite, non? Vous remarquerez que, comme tous les goodies Sublime Text, ce fichier est au format JSON. Ne stressez pas trop si vous ne connaissez pas beaucoup JSON. Vous devriez être capable de le comprendre au fur et à mesure.

3.1 - Affichage d'un dossier particulier

Mettons-le à jour pour qu'il pointe vers notre dossier / répertoire de thème:

 "dossiers": ["chemin": "/ C / wamp / www / wordpress / wp-contenu / themes / twentyeleven"]

Maintenant, gardez un œil sur la barre latérale gauche et appuyez sur Ctrl + S (Cmd + S sur un Mac) pour enregistrer le fichier. La barre latérale sera mise à jour instantanément avec le nouveau dossier.

La prochaine chose à souligner (si vous ne l’avez pas déjà remarqué) est que le Dossiers L'objet est constitué d'un littéral de tableau (noté entre crochets). Si vous avez compris que cela signifie que nous pouvons spécifier plusieurs dossiers pour notre projet, vous avez alors tout à fait raison. Allons-y et essayons.

3.2 - Ajout de plusieurs dossiers

Ne craignez pas les développeurs de plugins, nous nous soucions de vous aussi, ajoutons donc notre répertoire de plugins aussi bien que le dossier de thème:

 "dossiers": ["chemin": "/ C / wamp / www / wordpress / contenu wp / themes / twentyeleven", "chemin": "/ C / wamp / www / motpress / wp-contenu / plugins "]

Enregistrez à nouveau le fichier et vous devriez voir ce qui suit:


Étape 4 - Que pouvons-nous faire d'autre??

Sublime Text 2 est un outil extraordinaire dans votre arsenal de développement Web.

Je suis content que vous ayez demandé! Pour commencer, dans chaque objet du Dossiers tableau, il y a différentes options à notre disposition:

  1. chemin (chaîne): comme nous l'avons vu, vous permet de spécifier le dossier / répertoire à afficher dans la barre latérale
  2. (chaîne): spécifiez un nom pour l'élément dans la barre latérale
  3. file_exclude_patterns (tableau): Spécifiez les fichiers à exclure
  4. folder_exclude_patterns (tableau): Spécifiez les dossiers à exclure

le chemin nous est déjà familier, et le prénom est explicite, alors creusons dans les deux derniers.

4.1 - Fichiers exclus

Admettez-le: il y a des fichiers que vous ne pourrez jamais éditer, et ces fichiers encombrent probablement la vue de votre projet. Au lieu de cela, pourquoi ne pas les cacher, et ensuite, à la très étrange occasion de les éditer, ouvrez-les manuellement.

Ce bit découle des préférences, mais voici les fichiers que j'exclus généralement: '._', .bak, .ico, .sample, .swf, .tar, .tgz, fichiers commençant par 'wp-' (n'allons pas éditer les fichiers de base de WordPress), et enfin, .Zip *: français des dossiers. Pour ce faire, notre file_exclude_patterns tableau devrait ressembler à ceci:

 "file_exclude_patterns": ["._ *", "* .bak", "* .ico", "* .sample", "* .swf", "* .tar", "* .tgz", "wp- * .php "," * .zip "]

4.2 - Dossiers exclus

Si vous ne souhaitez pas spécifier chaque fichier individuellement, vous pouvez plutôt choisir d'exclure des dossiers. C'est la liste que j'utilise généralement:

 "folder_exclude_patterns": ["cgi-bin", "wp-admin", "wp-includes"]

Remarque: Vous devez spécifier le file_exclude_patterns et le folder_exclude_patterns pour chaque dossier (voir le dernier exemple ci-dessous).


Étape 5 - Mais attendez… il y a plus!

Autre que le Dossiers option, vous pouvez également spécifier deux autres:

  1. réglages: N'importe laquelle des paramètres habituels que vous souhaitez appliquer à un projet spécifique peut figurer ici (par exemple: tab_size).
  2. build_systems: Cela vous permet d'ajouter un système de construction spécifique au projet (ce qui dépasse le cadre de ce tutoriel).

Notre dossier de projet final

Voici un exemple de ce que votre finale .projet sublime Le fichier peut ressembler à (raccourci légèrement pour être plus succinct):

 "folder": [// theme "path": "/ C / wamp / www / wordpress / wp-content / themes / vingteleven", "name": "Twenty Eleven Theme", "file_exclude_patterns": [". _ * "," * .ico "," * .swf "]," folder_exclude_patterns ": [" images "], // dossier des plugins" path ":" / C / wamp / www / wordpress / wp-content / plugins "," name ":" Dossier des plugins "," file_exclude_patterns ": [" ._ * ", // vous devez spécifier ce * à nouveau *" * .bak "," * .sample "," * .tar "," * .tgz "," * .zip "]," folder_exclude_patterns ": [" akismet "//, // ajoute tout autre plugin que vous souhaitez exclure]]," settings ": " tab_size ": 4 

De conclure

Remarque: Si vous avez envie d'exploiter davantage votre Sublime Text 2, restez à l'affût du "Flux de travail parfait dans Sublime Text 2", un cours gratuit proposé par Tuts + Premium à la fin du mois de septembre..

Sublime Text 2 est un outil extraordinaire dans votre arsenal de développement Web. Ses fonctionnalités et ses possibilités vont bien au-delà de ce didacticiel. Pour en savoir plus sur ce qu'il peut faire, assurez-vous de parcourir la documentation… vous êtes assuré de trouver de véritables joyaux qui s'y cachent.

Liens:

  • Documentation: voir ici et ici
  • Documentation source pour cet article