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?

html atom-editor code-formatting user376456
la source

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).
Stuart Hallows
la source
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.

Lee
la source
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

Jayantha
la source
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.
Ajay
la source