MicroLighter est une bibliothèque de coloration syntaxique légère et sans dépendances, conçue pour être rapide et facile à intégrer. Elle ne génère pas de <span> superflus dans le code, ce qui contribue à sa performance. Les grammaires, au format TextMate utilisé par VS Code, peuvent être chargées de manière asynchrone pour optimiser le temps de chargement.
L'installation de MicroLighter se fait simplement via npm. Il suffit d'importer la fonction highlightAll et un thème CSS, puis d'ajouter la classe language-* aux blocs de code. Une option existe pour un chargement automatique immédiat, ainsi qu'un bundle pour utiliser des éléments personnalisés offrant des fonctionnalités comme la copie ou la numérotation des lignes.
MicroLighter prend en charge plusieurs langages de programmation, tels que JavaScript, CSS, HTML, Ruby, Python, SQL et C++. La librairie est pensée pour une utilisation efficace et moderne du code dans les projets web.
Ce tutoriel explique comment créer une extension de thème pour Visual Studio Code en moins de six heures. L'auteur, Zell Liew, partage son processus de création d'un thème personnalisé pour s'adapter à la nouvelle conception de son site web. Il commence par utiliser Shiki, un surligneur de syntaxe intégré à Astro, pour créer un thème basé sur des variables CSS, puis passe à l'utilisation de tokens TextMate pour un contrôle plus granulaire. Avec l'aide de l'IA, il génère les tokens TextMate en se basant sur le thème Moonlight 2. L'article détaille les étapes et le code nécessaire pour créer et intégrer le thème.
Un outil JavaScript de coloration syntaxique
Une extension twig pour faire de la coloration syntaxique
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Un outil sympa
Sympathique