你如何重构 JavaScript、HTML、CSS 等？ [关闭]答案

【问题标题】：How do you refactor JavaScript, HTML, CSS, etc? [closed]你如何重构 JavaScript、HTML、CSS 等？ [关闭]
【发布时间】：2010-11-29 14:19:30
【问题描述】：

我正在使用 Eclipse，而当前的解决方案（我不喜欢）是使用“搜索/替换”。这是一个容易出错的解决方案。

您知道在大型应用程序中安全地重构 JavaScript、HTML、CSS 资源的更好方法吗？或者您是否使用任何其他很酷的重构工具？

【问题讨论】：

【解决方案1】：

由于 Javascript 是弱类型的，因此几乎不可能进行轻松的重构。 JetBrains Webstorm 是做“类似”重构的最好的东西。

请看一下常见 Javascript IDE 的 Javascript 重构对比：http://blue-walrus.com/2013/08/review-javascript-ides/

【讨论】：

【解决方案2】：

IntelliJ 似乎对supportJavacsript/HTML/CSS 进行了开箱即用的重构。

【讨论】：

【解决方案3】：

查看 CodeRush，一个 MS Visual Studio 插件。它声称支持超过 50 种不同的 JavaScript 重构。 How far did DevExpress get with Javascript refactoring?

希望有帮助！

【讨论】：

【解决方案4】：

对于 css，我遇到的一种可能性（尽管尚未广泛使用）是： https://addons.mozilla.org/en-US/firefox/addon/5392

Dustme Selectors firefox 插件，它可以让您在浏览页面子集时清除未使用的 css 选择器。

我用于次要 css 检查的另一个解决方案是： http://www.cleancss.com/

一些“颜色词到颜色代码的效率变化”可能非常少，除非您有大量的出现，但它对一般分析也很有用。

【讨论】：

【解决方案5】：

Eclipse Galileo for Java EE 3.5 内置了对 JavaScript 的支持，具有自动完成、重构等功能。对于 HTML/XHTML/CSS，我不知道有什么特殊功能可以除了项目范围的搜索/替换之外，还可以简化重构。

从这个角度来看，IntelliJ IDEA 似乎因此得到了更好的支持。见：

【讨论】：

【解决方案6】：

诀窍是从一开始就保持 CSS 干净和透明，并在事情开始变得混乱时将其清理干净。

CSS 是那些以后很难清理的东西之一。

此外，在命名选择器时，请明智地选择名称以避免与应用程序的其他代码重合（至少在区分大小写时）。这将帮助您使用搜索和替换方法。

【讨论】：