Syntaxe Guide de mise en évidence pour Atom

Je suis très heureux avec le nouvel éditeur par Github. Malheureusement, il n'est pas exactement facile à personnaliser. J'ai voulu créer mon propre coloration syntaxique Thème, parce que je ne suis pas heureux avec ceux qui sont disponibles à télécharger (au moins, ils ne semblent pas faire bien avec Java)

Maintenant les fichiers (la syntaxe des variables, de la couleur.moins, etc.) de style semblent être:

~/.atom/.../packages (if you want to change existing themes)

Le problème est juste que je ne sais pas qui (CSS) classes de style des éléments de la syntaxe. Est-il un endroit où je peux chercher comment changer la couleur, par exemple, une variable de type déclarations?

source d'informationauteur TomTom

25

Oui, vous pouvez commencer à l'Atome en Mode Développeur en utilisant la commande atom --dev ou en utilisant le menu View > Developer > Open in Dev Mode .... Lorsque vous faites cela, vous pouvez faire un clic droit sur n'importe quel élément dans l'INTERFACE utilisateur et sélectionnez Inspect Element dans le menu contextuel, comme vous le feriez dans votre navigateur web.

En outre, pour les éléments de la syntaxe, vous pouvez:
1. Mettez votre curseur sur l'élément que vous voulez de style
2. Appuyez sur Cmd+Alt+P sur OS X, Ctrl+Alt+Maj+P sur d'autres plates-formes, ou de trouver "de l'Éditeur: Journal d'Curseur Champ d'application" dans la commande de la palette pour afficher les étendues de la syntaxe de l'élément
Les étendues de la syntaxe de l'élément de traduire directement à des classes CSS.
6

Vous pouvez utiliser le chrome web-console en appuyant sur Ctrl+Shift+I (testé sous linux) et mettre en valeur n'importe quel élément. Après puis ouvrez votre feuille de style en appuyant sur Edit->Open Your Stylesheet et ajouter du style à l'élément avec MOINS de syntaxe.

Par exemple:

Vous voulez gras en soulignant la classe et le nom de la fonction. Si vous sélectionnez la classe avec chrome-console, vous pouvez voir qu'il ont de la classe .name

Que vous devez ajouter dans vous fichier de style à quelque chose comme ceci:
```
atom-text-editor::shadow .name{
    font-weight: bold
}
```
Et vous pouvez créer votre propre thème. Dans l'Atome, il n'est pas difficlt - appuyez sur Ctrl+Shift+P et le type "Generate Syntax Theme". Dans le nouveau thème vous pouvez copier une partie du code à partir d'un autre thème. Si vous ne savez pas CSS/MOINS - ne vous inquiétez pas! Votre nouveau thème de fichiers dans style dossier nommé colors.less. Vous pouvez le modifier ou d'en écrire de nouvelles règles de couleur sur la base.moins fichier.

Atome ont de superbes doc, vous pouvez lire sur la création de thème dans cette page https://atom.io/docs/v1.4.2/hacking-atom-creating-a-theme
0

Pour les autres qui viennent ici parce que la mise en évidence d'un type de fichier n'est pas reconnu pour votre langue:
- ouvrir le ~/.atom/config.cson fichier (par CTRL+MAJ+p: type `open config")
- ajouter/modifier un customFileTypes en vertu de la section core par exemple comme le suivant:
```
core:
  customFileTypes:
    "source.lua": [
      "conf"
    ]
    "text.html.php": [
      "thtml"
    ]
```
(Que vous trouverez les langues de la portée des noms ("source.lua", "text.html.php"...) dans le package de langue paramètres voir ici)

Vous devez vous connecter pour publier un commentaire.