sublimetext - instalar - Sublime Text 2 Code Formatting

html beautify sublime 3

Question

Primero permítame decir que vengo de un fondo de Microsoft y Visual Studio es mi pan de cada día. Tiene un comando (keybind es arbitrario) que formatea automáticamente cualquier sintaxis de código. El mismo comando funciona en HTML, CSS, Javascript, C #, etc.

He probado complementos para ST2 y, hasta ahora, he descubierto que la mayoría no funciona en un cuadro de Windows y, si lo hacen, es para un propósito muy específico, como JavaScript.

Lo intenté (y abrí Issues donde corresponda):

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

https://github.com/jdc0589/JsFormat (este realmente funciona)

https://github.com/welovewordpress/SublimeHtmlTidy

¿Alguno de los usuarios de Windows de ST2 encontró algo que funcione para formatear CSS / HTML / Javascript, preferiblemente de una vez?

Editar: Dado que esta pregunta tiene muchas vistas sin actividad, diré que todavía estoy buscando un complemento que pueda formatear varios tipos de script dentro del mismo comando.

Octubre de 2013 Todavía no he encontrado nada que cubra JS + CSS + HTML bien, sin embargo, he establecido que https://github.com/jdc0589/JsFormat es, con diferencia, el más eficaz y libre de errores con la menor cantidad de configuración solo para JavaScript.

Answer 1

No puedo hablar por la segunda o la tercera, pero si instalas Node primero, Sublime-HTMLPrettify funciona bastante bien. Debes configurar tu propio atajo de teclado una vez que esté instalado. Una cosa que noté en Windows, es posible que necesites editar tu ruta para Node en la variable% PATH% si ya es larga (creo que el límite es 1024 para la variable% PATH%, y se ignora cualquier cosa posterior).

Hay un error de Windows, pero en los problemas hay una solución para ello. Deberá editar el archivo HTMLPrettify.py - https://github.com/victorporof/Sublime-HTMLPrettify/issues/12

Answer 2

Tal vez esta respuesta no sea exactamente lo que estás buscando, pero fomentará cualquier idioma con el mismo atajo de teclado. La solución son los atajos de teclado específicos del idioma .

Para cada idioma que desee formatear, debe buscar y descargar un complemento para eso, por ejemplo, un formateador html y un formateador C #. Y luego asigna el comando para cada complemento a la misma clave, pero con un contexto diferente (ver el enlace).

Saludos

Answer 3

Sublime CodeFormatter tiene soporte de formato para PHP, JavaScript / JSON / JSONP, HTML, CSS, Python. Aunque no he usado CodeFormatter por mucho tiempo, me han impresionado sus capacidades de "embellecimiento" de JS, HTML y CSS. No he intentado usarlo con PHP (no hago ningún desarrollo de PHP) o Python (con el que no tengo experiencia) pero ambos idiomas tienen muchas opciones en el archivo .sublime-settings .

Una nota, sin embargo, la configuración no es muy fácil de encontrar. En Windows deberá ir a %AppData%/Roaming/Sublime Text #/Packages/CodeFormatter/CodeFormatter.sublime-settings . Como no tengo una Mac, no estoy seguro de dónde está el archivo de configuración en OS X.

En cuanto a una tecla de método abreviado, agregué este enlace de clave a mi archivo " Key Bindings - User ":

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

Uso Ctrl + K , Ctrl + D porque eso es lo que Visual Studio usa para formatear. Puedes cambiarlo, por supuesto, solo recuerda que lo que elijas puede entrar en conflicto con el atajo de teclado de otra característica.

Actualizar:

Parece que los desarrolladores de Sublime Text CodeFormatter han facilitado el acceso al archivo .sublime-settings . Si instala CodeFormatter con el complemento de Control de paquetes, puede acceder a las configuraciones a través de las Preferences -> Package Settings -> CodeFormatter -> Settings - Default y anular esas configuraciones usando las Preferences -> Package Settings -> CodeFormatter -> Settings - User Menú de Preferences -> Package Settings -> CodeFormatter -> Settings - User ít.

Answer 4

Una opción similar en Sublime Text es la incorporada en Edit->Line->Reindent . Puede poner este código en Preferences -> Key Bindings User :

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

Uso alt + shift + f porque soy un usuario de Netbeans.

Para formatear su código, selecciónelo todo presionando ctrl + a y "su combinación de teclas". Disculpa me por mi mal inglés.

O bien, si no desea seleccionar todo antes del formateo, agregue un argumento al comando en su lugar:

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

(según el comentario de @Supr continuación)