2009-09-18 12 views
30

Estoy usando Eclipse y la solución actual (que no me gusta) es usar "Buscar/Reemplazar". Esta es una solución propensa a errores.¿Cómo se refactoriza JavaScript, HTML, CSS, etc.?

¿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?

+3

parece que no hay una respuesta hoy en día. Dios guarde el "Buscar/Reemplazar". Amén. –

+2

.... y estamos en 2012. –

+1

@OliverWatkins ...y está usando un lenguaje sin tipear ... – SnakeDoc

Respuesta

2

El truco es mantener el CSS limpio y transparente desde el principio y limpiarlo de la misma manera que las cosas se están comenzando a ensuciar.

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 distingue entre mayúsculas y minúsculas). Esto lo ayudará con la búsqueda & reemplazar el enfoque.

+3

¿Qué sucede si hereda un proyecto con cientos de archivos fuente JS y se da cuenta de que una variable tiene un nombre engañoso? ¿No ayudaría la refactorización automática? – hidarikani

+0

Sin duda, esto se aplica a todos los idiomas? El razonamiento sugiere que la refactorización es algo realizado por personas que simplemente no pueden escribir un buen código ... – Joe

4

Eclipse Galileo para Java EE 3.5 ha incorporado soporte para JavaScript, con auto-completado, refactorización, etc. Para HTML/XHTML/CSS, no estoy al tanto de cualquier característica especial para aliviar la refactorización, aparte de la búsqueda/reemplazo en todo el proyecto.

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

+3

La refacturación de JavaScript de Eclipse no es muy buena. Realiza NPE cada vez que intentas extraer el método, y su cambio de nombre falla con frecuencia. –

0

Una posibilidad que me he encontrado (aunque no se han utilizado ampliamente aún) para CSS es: https://addons.mozilla.org/en-US/firefox/addon/5392

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

Otra solución que he utilizado para el control de CSS menores es: http://www.cleancss.com/

Parte de la "palabra de color a cambios en la eficiencia de código de color" son probablemente muy mínimo a menos que tenga un gran número de apariciones de ellos, pero es útil para el análisis en general también.

5

IntelliJ parece support Javacsript/HTML/CSS refactorización fuera de la caja.

4

Debido a que Javascript está débilmente tipado, la refacturació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 un vistazo a esta comparación de Javascript refactorización de entornos de desarrollo de JavaScript comunes: http://blue-walrus.com/2013/08/review-javascript-ides/

Cuestiones relacionadas