Maison >outils de développement >atom >Si vous configurez un petit fichier programme dans Atom, laissez le code être mis en surbrillance !

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

青灯夜游
青灯夜游avant
2021-06-10 11:07:393521parcourir

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.

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

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

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

2. Modifiez le fichier de configuration config.cson

et ajoutez

customFileTypes:
  'text.html.basic': [
    'wxml'
  ]
  'source.css': [
    'wxss'
  ]
  'source.js': [
    'wxs'
  ]
core ci-dessous La structure générale du fichier

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

Il peut y avoir bien d'autres attributs dans ce fichier, car certains plugins ajouteront automatiquement des configurations à ce fichier

Configuration terminée ! Rouvrez le fichier avec le suffixe
,

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

Principe

En fait, Atom ne reconnaît pas le fichier

comme un 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 :

Introduction à la programmation

 ! !

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer