web-dev-qa-db-fra.com

Formatage de code Sublime Text 2

Tout d’abord, permettez-moi de dire que je viens d’un milieu Microsoft et que Visual Studio est mon pain quotidien. Il a une commande (keybind est arbitraire) qui met en forme automatiquement la syntaxe de code toute. La même commande fonctionne en HTML, CSS, Javascript, C #, etc. 

J'ai essayé des plugins pour ST2 et jusqu'à présent, je me suis rendu compte que la plupart ne fonctionnaient pas sous Windows et s'ils le faisaient, c'est dans un but très spécifique, tel que Javascript.

J'ai essayé (et ouvert des problèmes le cas échéant):

https://github.com/victorporof/Sublime-HTMLPrettify

https://github.com/jdc0589/JsFormat (celui-ci fonctionne réellement)

https://github.com/welovewordpress/SublimeHtmlTidy

Des utilisateurs Windows de ST2 ont-ils trouvé quelque chose qui fonctionne au format CSS/HTML/Javascript, de préférence en un seul coup?

Edit: Étant donné que cette question suscite de nombreuses vues sans aucune activité, je dirai que je am cherche toujours un plugin capable de formater divers types de script dans la même commande.

Octobre 2013 Je n'ai toujours rien trouvé qui couvre bien JS + CSS + HTML mais j'ai choisi/ JsFormat comme de loin le plus efficace et sans bug avec le moins de configuration possible JavaScript. 

sublimetextprettifysublimetext2
49
Terry

Je ne peux pas parler pour le 2ème ou le 3ème, mais si vous installez Node en premier, Sublime-HTMLPrettify fonctionne plutôt bien. Vous devez configurer votre propre raccourci clavier une fois celui-ci installé. Une chose que j'ai remarquée sous Windows: vous devrez peut-être modifier votre chemin d'accès pour le nœud dans la variable% PATH% s'il est déjà long (je pense que la limite est de 1024 pour la variable% PATH% et que tout ce qui suit est ignoré.) 

Il y a un bogue Windows, mais il existe un correctif dans les problèmes. Vous devrez modifier le fichier HTMLPrettify.py - https://github.com/victorporof/Sublime-HTMLPrettify/issues/12

8
LocalPCGuy

Une option similaire dans Sublime Text est le Edit->Line->Reindent intégré. Vous pouvez mettre ce code dans Preferences -> Key Bindings User:

{ "keys": ["alt+shift+f"], "command": "reindent"}

J'utilise alt+shift+f parce que je suis un utilisateur Netbeans.

Pour formater votre code, sélectionnez tout en appuyant sur ctrl+a et "votre combinaison de touches". Excusez-moi pour mon mauvais anglais.

Ou si vous ne souhaitez pas tout sélectionner avant le formatage, ajoutez plutôt un argument à la commande:

{ "keys": ["alt+shift+f"], "command": "reindent", "args": {"single_line": false} }

(selon le commentaire de @ Supr ci-dessous)

107
Sergio Morlán

Sublime CodeFormatter supporte le formatage pour PHP, JavaScript/JSON/JSONP, HTML, CSS, Python. Bien que je n’ai pas utilisé CodeFormatter depuis très longtemps, j’ai été impressionné par ses capacités d’embellissement JS, HTML et CSS. Je n'ai pas essayé de l'utiliser avec PHP (je ne fais pas de développement PHP) ou Python (pour lequel je n'ai aucune expérience), mais les deux langages ont beaucoup d'options dans le .sublime-settings fichier.

Une note cependant, les paramètres ne sont pas très faciles à trouver. Sous Windows, vous devrez accéder à votre %AppData%\Roaming\Sublime Text #\Packages\CodeFormatter\CodeFormatter.sublime-settings. Comme je n’ai pas de Mac, je ne sais pas exactement où se trouve le fichier de paramètres sous OS X.

En ce qui concerne une touche de raccourci, j'ai ajouté cette liaison de clé à mon fichier "Key Bindings - User":

{
    "keys": ["ctrl+k", "ctrl+d"],
    "command": "code_formatter"
}

J'utilise Ctrl + K, Ctrl + D parce que c'est ce que Visual Studio utilise pour la mise en forme. Vous pouvez bien sûr le modifier, mais n'oubliez pas que ce que vous choisissez peut entrer en conflit avec le raccourci clavier d'une autre fonctionnalité.

Mise à jour:

Il semble que les développeurs de Sublime Text CodeFormatter aient facilité l'accès au fichier .sublime-settings. Si vous installez CodeFormatter avec le plug-in Package Control, vous pouvez accéder aux paramètres via le Preferences -> Package Settings -> CodeFormatter -> Settings - Default et les remplacer à l'aide de l'élément de menu Preferences -> Package Settings -> CodeFormatter -> Settings - User.

13
Sumner Evans

Peut-être que cette réponse n’est pas tout à fait ce que vous cherchez, mais elle offrira toutes les langues avec le même raccourci clavier .. La solution est - raccourcis clavier spécifiques aux langues .

Pour chaque langue que vous souhaitez formater, vous devez rechercher et télécharger un plug-in pour cela, par exemple un formateur HTML et un formateur C #. Et puis vous mappez la commande pour chaque plugin sur la même clé, mais avec un contexte différent (voir le lien).

Salue

0
geniusupgrader