web-dev-qa-db-ja.com

JavaScript、HTML、CSSなどをどのようにリファクタリングしますか？

私はEclipseを使用していますが、現在の解決策（嫌いなもの）は「検索/置換」を使用することです。これはエラーが発生しやすいソリューションです。

大きなアプリケーションでJavaScript、HTML、CSSリソースを安全にリファクタリングするためのより良いアプローチを知っていますか？または、他のクールなリファクタリングツールを使用していますか？

javascripthtmlcsseclipserefactoring
31
Alex Siman

IntelliJは support Javascript/HTML/CSSリファクタリングをそのまま使用しているようです。

5
ripper234

Eclipse Galileo for Java EE 3.5には、オートコンプリート、リファクタリングなどのJavaScriptのサポートが組み込まれています。 HTML/XHTML/CSSの場合、プロジェクト全体の検索/置換以外に、リファクタリングを容易にする特別な機能を認識していません。

この観点から、IntelliJ IDEAは、はるかに優れたサポートを提供しているようです。以下を参照してください。

4
Pascal Thivent

Javascriptは弱い型付けであるため、簡単なリファクタリングはほぼ不可能です。 JetBrains Webstormは、リファクタリングに「似ている」ことを行う最高のものです。

そして、一般的なJavascript IDEのJavascriptリファクタリングのこの比較を見てください： http://blue-walrus.com/2013/08/review-javascript-ides/

4
Oliver Watkins

秘訣は、CSSを最初からクリーンで透過的に維持し、物事が乱雑になり始めているのと同じようにクリーンアップすることです。

CSSは、後でクリーンアップするのが非常に難しいものの1つです。

また、セレクターに名前を付けるときは、アプリケーションの他のコードとの一致を避けるために、名前を慎重に選択してください（少なくとも大文字と小文字が区別される場合）。これは、検索と置換のアプローチに役立ちます。

2
user151323

MS VisualStudioのプラグインであるCodeRushをチェックしてください。 JavaScriptの50以上の異なるリファクタリングをサポートすると主張しています。 DevExpressはJavascriptリファクタリングでどこまで到達しましたか？

お役に立てば幸いです。

1
Raja

私がcssで遭遇した可能性の1つは（まだ広く使用されていませんが）： https://addons.mozilla.org/en-US/firefox/addon/5392

Dustme Selectors firefoxアドオン。これにより、ページのサブセットを参照するときに使用されないcssセレクターを取り除くことができます。

私がマイナーなcssチェックに使用した別の解決策は次のとおりです： http://www.cleancss.com/

「カラーワードからカラーコードへの効率の変化」のいくつかは、それらが多数発生しない限り、おそらくごくわずかですが、一般的な分析にも役立ちます。

0
Kzqai