web-dev-qa-db-ja.com

IDE JavaScript開発の場合

JS開発IDEに何を提案しますか。 VisualStudio IDEに似たものがあるので、その中でアプリケーションを実行/デバッグできますか?

57
michael

いくつかのオプション:

18
Daniel A. White

JetBrainsでは、軽量 HTML/Javascript/CSS IDE WebStorm を開発しました。これには、DOMベースのオートコンプリートとHTML5 APIサポートを備えた非常にスマートなJavaScriptエディターが含まれています。デバッグ(ブレークポイントをサポート)およびIDEから直接スクリプトを実行します。

45
Alexey Korsun

Netbeans 6.xおよびFirefox + Firebug

以前は、AptanaStandaloneまたはEclipseプラグインとして使用していました。 Proバージョンには、埋め込みIE(常に埋め込まれたFirefoxへ)などのニースのアドオンと、両方のブラウザーのデバッグサポートがあります。数時間のテストの後、SunsNetbeansが最高のPHPおよびPython IDE WindowsおよびLinuxの場合。また、JavascriptのサポートがAptanaにろうそくを保持できることに驚きました。したがって、Netbeansが(Javascriptだけでなく)私の推奨事項です。

無料で試してみてください!

13
devarni

Aptana Studio が良いことがわかりました。

9
dommer

私はますますお勧めする傾向があります Netbeans まだ提案されていない (私は時々盲目です)。 NetbeansはSunによって開発され、Javaだけでなく、他のいくつかの言語(PHP、Ruby、Python、Javascript)もサポートしています。

今しばらく使っていますが、とても満足しています。それは高速で、コード補完を提供し、主要なJSライブラリ(プロトタイプ、YUI)を簡単に統合します。また、FFまたはIEに関連付けることができるデバッガーもあります。

がっかりすることはありません!

6

JavaScriptの記述に使用できるIDEの良いリストを以下に示します。

http://www.programmerfish.com/top-8-ide-integrated-development-environment-for-Java-script-html5-ajax/

5
Salman Ul Haq

最近、私はJetBrainsのPHPStormを使用していますが、これは私が今まで試した中で最高のエディターです。私が他のエディターで見たことのない多くの機能が付属しています、

  • ディレクトリ内でWordを見つける(grepに相当)
  • 複数のファイルと親クラスを持つ拡張された便利なインテリセンス機能
  • 内部GITサポート
  • アプリケーション構造のツリービュー
  • gITおよびローカル履歴で動作する素晴らしいバージョン履歴サポート。これは、GITの追跡されていないファイルを確認する場合に非常に便利です。ファイルのすべての履歴の詳細を数週間表示できます。
  • firebugと連携し、CSSの変更を追跡してエディターにインポートし、Firebug CSSコンソールで行ったのと同じ変更を簡単に再現できるCSSXFireという名前の優れたアドオンを使用します。これは本当にすごい
  • もう1つの便利な機能は、ファイルを削除または名前変更するときに、エディターがこのディレクトリで使用されているファイルを検索して通知することです。これはsafe-refactor
  • ファイルのインテリセンス、css background-image、src、またはhref属性の入力中

時々私はPHPを扱うのでPHPStormを好むので、フロントエンド開発者は私たちに特化したWebStrormを好むべきです。

すべてのFE開発者は、FirefoxおよびFirebugを使用してPHPStormまたはWebStormを試す必要があると思います。

5
Fatih

Komodo IDE (または 無料のKomodo Edit 統合デバッガーなしで生活できる場合)はかなりいいです。

5
Michael Burr

サーバーサイド言語としてJavaを使用したUIのExtjsに基づくアプリケーションでの私の経験です。私はオープンソース技術/製品の大きな支持者です。

これまで、Eclipse、Netbeans、Webstorm、およびnotepad ++をいくつかのプラグインを追加して使用しました。

そして、Netbeansは、構文の強調表示と書式設定の点で最高だと思います。欠落しているコンマ、グローバル変数、オブジェクトリテラルの重複キーを非常に印象的な方法で認識します。

EclipseにSpketのようなプリギンを追加することでもほぼ同様のことが実現できますが、高度な設定を行う場合はライセンスを要求します。

Webサーバーとの統合環境についてそれほど心配していない場合、Webストームはあらゆる面で最適ですが、最大の欠点は「有料」です。 (1000 Rsを要求しても)。

3
Bhavesh

先週いくつか試してみましたIDE先週、NetBeansが勝者です。バックグラウンドでファイルをアップロードするためのサイレントアップロードオプションがありました。非常に優れたコード補完、折りたたみなど。

3
Thinker

Firebugと優れた構文強調テキストエディターは、最高のコンボに関するものです。他に多くを追加する必要はありません。このコンボを使用すると、次のものが得られます。

  • ブレークポイントを設定する機能
  • オブジェクトを検査する
  • DOMをトラバースする
  • その場でCSSルールを変更する
  • ネットワークトラフィック/応答を見る
  • 実稼働環境でコードを即座に評価および置換

また、Firebugに追加するツールがあります。

  • YSlow -ページが「なぜ」遅いのかを判断する
  • Fireunit -単体テストを実行する

Javascript開発の利点の1つは、柔軟性があり、開発中に瞬時にフィードバックを取得できることです。 「展開」のステップを含むIDEを追加することで、それを邪魔する理由はないと思います。

2
cgp

Notepad ++にはjavascript構文の強調表示が組み込まれており、 JSlint プラグインは非常に便利です。デバッグのための私見は、Chrome開発者ツールまたはFirebugに勝るものはありません。

2
yojimbo87

このページでは、(リファクタリングとインテリセンスに関して)最も高度なJavascript IDEをレビューしています:

http://blue-walrus.com/2013/08/review-javascript-ides/

2
Oliver Watkins

EclipseとJSEclipseプラグイン、そしてもちろんFirefox + Firebugは究極のデュオです。この開発セットアップは満足のいくものです。

1
Peter Perháč

Aptanaは、CSS、javascript、html、Javaなどにインテリセンスを提供する優れたIDEです。デバッガーは、FFまたはIE完全な機能を備えたデバッガーコミュニティエディションでは、サーバー側のjavascriptも実行できます。

1
David Robbins