¿Cómo se refactoriza JavaScript, HTML, CSS, etc.?

Estoy usando Eclipse y la solución actual (que no me gusta) es usar “Buscar / Reemplazar”. Esta es una solución propensa a errores.

¿Conoces algún método mejor para refactorizar recursos JavaScript, HTML, CSS de forma segura en grandes aplicaciones? ¿O usas alguna otra herramienta de refactorización genial?

IntelliJ parece ser compatible con Javacsript / HTML / CSS refactoring de la caja.

Eclipse Galileo para Java EE 3.5 tiene soporte integrado para JavaScript, con autocompletado, refactorización , etc. Para HTML / XHTML / CSS, no conozco ninguna característica especial para facilitar la refactorización aparte de la búsqueda de todo el proyecto / reemplazar.

Desde este punto de vista, IntelliJ IDEA parece tener un soporte mucho mejor. Ver:

  • Refactorización de JavaScript
  • Refactorización consciente de HTML / XHTML
  • Refactorización CSS

Debido a que Javascript está débilmente tipado, la refactorización sin esfuerzo es casi imposible. JetBrains Webstorm es lo mejor que hay que hace algo que “se asemeja” a la refactorización.

Y, por favor, mire esta comparación de refactorización Javascript de IDEs Javascript comunes: http://blue-walrus.com/2013/08/review-javascript-ides/

El truco es mantener el CSS limpio y transparente desde el principio y limpiarlo de la misma manera que las cosas se empiezan a complicar.

CSS es una de esas cosas que son terriblemente difíciles de limpiar MÁS TARDE.

Además, al nombrar selectores, elija los nombres sabiamente para evitar la coincidencia con el otro código de la aplicación (al menos cuando distinga entre mayúsculas y minúsculas). Esto te ayudará con el enfoque de búsqueda y reemplazo.

Eche un vistazo a CodeRush, un complemento para MS Visual Studio. Afirma que admite más de 50 refactorizaciones diferentes para JavaScript. ¿Qué tan lejos se pudo DevExpress con la refactorización de Javascript?

¡Espero que ayude!

Una posibilidad que he encontrado (aunque no la he usado mucho) para css es: https://addons.mozilla.org/en-US/firefox/addon/5392

El complemento Firefox de Dustme Selectors, que se supone que te permite eliminar los selectores CSS que no se usan cuando exploras un subconjunto de páginas.

Otra solución que he usado para verificaciones menores de css es: http://www.cleancss.com/

Algunos de los “cambios en la eficiencia del código de color a color” son probablemente mínimos a menos que tenga una gran cantidad de ocurrencias, pero también es útil para el análisis en general.