Existe-t-il une commande de formatage HTML dans l'éditeur Atom?


218

Je voudrais formater mon HTML avec une commande, comme je le fais dans Visual Studio, en utilisant Ctrl+ K+ D. Est-ce possible dans Atom ? Sinon, existe-t-il d'autres options?

Réponses:


371

Atom n'a pas de commande intégrée pour le formatage html. Cependant, vous pouvez installer le package atom-beautify pour obtenir ce comportement.

  1. Appuyez sur CTRL+ SHFT+ Ppour afficher la palette de commandes ( CMD+ SHFT+ Psur Mac).
  2. Tapez Installer les packages pour afficher le gestionnaire de packages.
  3. Tapez embellir dans la zone de recherche.
  4. Choisissez atom-beautify ou l'un des autres packages et cliquez sur Installer .
  5. Vous pouvez maintenant utiliser la liaison de touches par défaut pour atom-beautify CTRL+ ALT+ Bpour embellir votre code HTML ( CTRL+ OPTION+ Bsur Mac).

44
C'est une opinion contraire qu'il est cool qu'Atom ait le plus petit noyau possible, de sorte que vous ne pouvez installer que ce qui est nécessaire. c'est-à-dire qu'Atom peut être utilisé pour développer des applications non Web, qui ne nécessitent pas ces formateurs ...
ljs.dev

7
Il pourrait y avoir des installations personnalisées comme "Atom pour les développeurs Web" qui viennent avec les packages les plus téléchargés liés au sujet.
Ricardo

2
atom-beautify , par exemple, a 685 927 téléchargements à ce jour ... 9 au cours des 10 dernières minutes, y compris le mien!
Ricardo

4
atom-beautify est plein de bugs. Cela ne fonctionne pas sur les documents réels. Il ajoute incorrectement des nouvelles lignes dans les en-têtes si des éléments en ligne sont présents. Le passage du moteur JS Beautify au moteur Pretty Diff aggrave les choses --- des éléments en ligne tels que ceux qui <dfn>sont enveloppés à l'intérieur des paragraphes.
Garret Wilson

5
Je n'aime pas beaucoup le fait de atom-beautifyne pas utiliser les paramètres d'indentation personnels et / ou les .editorconfigparamètres. Il formate tout simplement à sa façon.
Diti

13

Il existe quelques packages pour améliorer HTML. Vous pouvez les trouver en recherchant les archives du package Atom:

  1. Accédez au site Atom
  2. Cliquez sur le lien Packages
  3. Entrez "prettify" dans la boîte de recherche

Ou allez simplement sur ce lien: https://atom.io/packages/search?q=prettify

Une fois que vous avez sélectionné un package qui fait ce que vous voulez, vous pouvez l'installer en utilisant la commande: à apm install [package name]partir de la ligne de commande ou l'installer en utilisant l'interface dans les Préférences.

Lorsque le package est installé, suivez ses instructions pour savoir comment activer ses capacités.



6

Vous pouvez ajouter un package de beauté atom pour formater le texte dans atom ..

fichier -> réglage -> Installer

puis vous tapez atom-beautify dans la zone de recherche.

puis cliquez sur le bouton Package .. sélectionnez atom beuty et installez-le.

Ensuite, vous pouvez formater votre texte en utilisant (Alt + ctrl + b) ou faites un clic droit et sélectionnez embellir le contenu de l'éditeur


0
  1. Allez dans "Packages" dans l'éditeur d'atomes.
  2. Ensuite, dans la vue "Packages", choisissez "Vue Paramètres".
  3. Choisissez "Installer les packages / thèmes".
  4. Recherchez "Atom Beautify" et installez-le.
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.