Améliorations visuelles simples pour un meilleur codage en texte sublime

Sublime Text propose des milliers d'extensions et de paramètres pour créer un éditeur de code personnalisé accessible à tous. Pour le moment, je vais vous montrer quelques paramètres, plugins, thèmes et jeux de couleurs pour rendre l'expérience de codage plus attrayante. Cela ne fera pas que rendre votre écran plus joli, cela vous fera un meilleur codeur!


Réglages

Sublime Text est livré pré-construit avec quelques fonctionnalités intéressantes pour modifier visuellement votre expérience de codage. Cependant, certains de ces paramètres ne sont pas activés par défaut. En voici quelques unes sans lesquelles je ne pourrais pas vivre.

Remarque: Pour éditer votre fichier de paramètres Sublime Text, ouvrez-le en allant à Sublime Text 2> Préférences> Paramètres - Par défaut puis en sélectionnant l'élément approprié.


Recherchez les paramètres que vous souhaitez modifier, puis ajoutez-les à votre Paramètres utilisateur pour éviter leur écrasement lors de la mise à niveau de Sublime Text.


Consultez les paramètres d'installation et de base pour en savoir plus sur la gestion des paramètres de texte sublime.

Polices et Espacement

Choisir le bon caractère de police et l’espacement est l’un des moyens les plus personnels de personnaliser votre code. Tout d'abord, choisissez une face de police codante appropriée, de préférence une police monospace. En voici quelques-unes:

  • Code source Pro
  • Consolas
  • Monaco
  • Inconsolata
  • Pro anonyme

Une fois que vous avez choisi une police, assurez-vous qu’elle est installée sur votre système, ajoutez-la à vos paramètres, puis ajustez la taille et l’espacement avec les options suivantes:

“Font_face”: “Inconsolata";
"font_size": 18;
"line_padding_bottom": 1,
"line_padding_top": 1,

highlight_line

Ce paramètre dessine la ligne sur laquelle se trouve le curseur avec une couleur différente (en fonction de votre jeu de couleurs). Le fait de voir votre ligne actuelle vous permet de vous concentrer sur la tâche en cours lors de la frappe, de naviguer facilement d’une ligne à l’autre et de trouver rapidement votre place lorsque vous revenez d’un programme différent..

"highlight_line": true,

highlight_modified_tabs

Pour mettre davantage l'accent sur les fichiers non enregistrés dans le projet actuel, ce paramètre met en surbrillance les onglets des fichiers modifiés dans une fenêtre..

"highlight_modified_tabs": true,

fade_fold_buttons

Saviez-vous que Sublime Text peut plier et déplier des morceaux de code? Je l’ai fait, mais j’oublie toujours que cette fonctionnalité est disponible. Si vous activez ce paramètre, il laissera la balise pliante vers la droite au lieu de la masquer..

"fade_fold_buttons": false,

word_wrap

Le défilement horizontal peut être une douleur. Lorsque le paramètre d'habillage des mots est activé, votre texte passe à la taille d'écran actuelle et vous évite d'avoir à faire défiler l'écran horizontalement..
"word_wrap": true,

bold_folder_labels

Il y a quelques bons réglages disponibles pour apporter des éléments visuels plus forts à la barre latérale, les voici:
"bold_folder_labels": true,

Afficher les fichiers ouverts dans la barre latérale

Bizarrement, cette option n’est pas configurée dans le fichier de préférences. Pour afficher les fichiers ouverts en haut de votre barre latérale, accédez à:
Affichage → Barre latérale → Afficher les fichiers ouverts

Aligner la barre latérale

Ce n'est pas vraiment un paramètre, mais plutôt un conseil. Comme dans une feuille de calcul, vous pouvez double-cliquer sur la limite entre la barre latérale et le contenu pour transformer la barre latérale à la largeur de son contenu..


Plugins

Les plugins sont extrêmement utiles pour apporter des fonctionnalités supplémentaires à Sublime Text, je vous recommande vivement d'utiliser Package Control pour gérer vos plugins..

BracketHighlighter

Bracket Highlighter est un plugin qui met en évidence les balises et les crochets (allez comprendre!). Mais sérieusement, c'est un outil puissant qui vous indique le début et la fin de chaque section de code dans laquelle vous vous trouvez. Le type de parenthèse est affiché dans la barre latérale et comporte une icône différente pour les différents types de caractères et d'éléments..


Git Gutter

C'est l'un de mes favoris personnels. Git Gutter est un simple plugin qui affiche une icône dans la zone de la gouttière pour indiquer les lignes insérées, modifiées ou supprimées par rapport à votre projet git..


SublimeLinter

Ce plugin affiche la mise en évidence des peluches en ligne. Avec leur documentation complète et leur longue liste de linters, ce plugin est une excellente solution pour vous assurer que votre code est exempt d'erreur..



Thèmes et palettes de couleurs

L'un des moyens les plus efficaces de personnaliser Sublime Text et de le personnaliser est d'utiliser des thèmes et des palettes de couleurs. Il existe actuellement des centaines d'options disponibles et d'autres sont introduites chaque semaine. Voici quelques thèmes et schémas de couleurs à explorer..

Thème: Soda

Soda est devenu le thème le plus populaire et le meilleur exemple de thème personnalisé dans la communauté Sublime Text. De nombreux thèmes ont été créés en forgeant ce projet. Soda offre des paramètres supplémentaires, des graphiques prêts pour la rétine et des interfaces utilisateur sombres et claires


Thème: Flatland

Si vous êtes un fan de la tendance plate, Flatland est un bon choix. Il simplifie tous les éléments visuels et vous permet de spécifier un certain nombre d'autres options, telles que le style des onglets et la barre latérale..

Thème: Spacegray

Mon favori personnel en ce moment et sur Github, Spacegray a une palette de couleurs unique et une interface utilisateur hyperminimale..


Jeu de couleurs: Solarisé

Le célèbre projet Solarized est disponible pour Sublime Text. Il s’agit d’un projet de couleur intitulé «Couleurs de précision pour les machines et les personnes», qui repose sur une théorie des couleurs unique..

Palette de couleurs: Base16

Base16 est un autre jeu de couleurs populaire avec de nombreuses options (je l'utilise actuellement).


Conclusion

Il y a tellement plus à couvrir! N'oubliez pas qu'il est important d'évaluer tous les différents éléments de Sublime Text lorsque vous le personnalisez. Ne vous fiez pas à ma parole, allez dans Github ou Package Control, essayez de nouveaux paramètres et voyez s'ils fonctionnent pour vous. Et revoyez régulièrement votre configuration pour voir si quelque chose de nouveau peut améliorer votre expérience de codage..

Quels paramètres, polices, plug-ins, thèmes ou jeux de couleurs avez-vous trouvés pour une meilleure expérience de codage? Faites-le nous savoir dans les commentaires et partagez-le avec quelqu'un qui, à votre avis, en aurait besoin!