Si vous configurez un petit fichier programme dans Atom, laissez le code être mis en surbrillance !

Cet article vous présentera Atom comment configurer la mise en évidence du code pour les fichiers du mini programme WeChat. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Les extensions de fichiers liées à l'applet sont .wxml, .wxss, .wxs, mais l'éditeur Atom ne reconnaîtra pas automatiquement ces types de fichiers par défaut. Seuls des codes en noir et blanc contre l’humanité peuvent être vus dans ces fichiers.

Une solution élégante consiste à modifier la configuration d'Atom pour qu'Atom traite .wxml comme .html, .wxss comme .css et .wxs comme .js de cette manière, quand. ouverture Vous verrez des codes colorés pour ces types de fichiers. [Recommandations associées : "Tutoriel atom"]

Étapes de fonctionnement

1 Ouvrez le config.cson fichier de configuration .

Appuyez sur les touches de raccourci Command + Shift + P en même temps pour faire apparaître le panneau de commande, saisissez Application: Open Your Config, cliquez sur 回车键, et le fichier config.cson

2. Modifiez le fichier de configuration config.cson

customFileTypes:
  'text.html.basic': [
    'wxml'
  ]
  'source.css': [
    'wxss'
  ]
  'source.js': [
    'wxs'
  ]

"*":
  core:
    customFileTypes:
      'text.html.basic': [
        'wxml'
      ]
      'source.css': [
        'wxss'
      ]
      'source.js': [
        'wxs'
      ]

Configuration terminée ! Rouvrez le fichier avec le suffixe

, .wxml et vous verrez le code coloré. .wxsswxs

En fait, Atom ne reconnaît pas le fichier

, mais utilise les mêmes règles grammaticales que le fichier wxml. Mettez en surbrillance le code dans le fichier html. html, wxml, text.html.basic sont les noms des règles de grammaire correspondantes, qui peuvent être trouvées dans les packages intégrés d'Atom ou tiers tels que source.css. source.jslanguage-xxxPour plus de connaissances sur la programmation, veuillez visiter :

 ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!