4

WebStorm 組み込み Web サーバー ( ) を使用してブラウザーで編集中のファイルを開きhttp://localhost:63342/、デバッグを開始する実行構成を作成する方法はありますか?

参照: http://blog.jetbrains.com/webstorm/2013/03/built-in-server-in-webstorm-6/

4

2 に答える 2

10

実行構成は必要ありませんが、デフォルトのインプレース展開は必要です。

サーバ

サーバー構成名 ( LOCAL ) は太字で表示されていることに注意してください。これはデフォルトであることを意味します (右クリック メニューまたはアイコンから設定できます)。

次のようにマッピングを構成します。

マッピング

projectはプロジェクトの名前です。

View|を使用できるようになりました。Preview file in( Alt+ F2)Live Edit必要に応じて有効にします。


これはプレビューに役立ち、JavaScript のデバッグを開始しないことに注意してください。ページ上のスクリプトをデバッグするには、ファイルを右クリックして、またはファイルのコンテキスト メニューの [デバッグ]アクションを使用するか、対応するキーボード ショートカットを使用します。Run

デバッグ

于 2013-04-30T01:40:01.673 に答える
2

すべてのプロジェクトのセットアップを必要としない別の解決策は、適切なパスで好みのブラウザーをロードする外部ツールを作成することです。クロムを使用して設定する方法の例を次に示します。

外部ツールのセットアップ

プログラム:

C:\Program Files (x86)\Google\Chrome\Application\chrome.exe

パラメータ (ファイル名にスペースが含まれている場合は引用符を忘れないでください):

"http://localhost:63342/$ProjectName$/$FilePathRelativeToProjectRoot$"

作業ディレクトリ:

C:\Program Files (x86)\Google\Chrome\Application\chrome.exe

これを設定すると、どのプロジェクトでも機能します。プログラム パスと作業ディレクトリを、Chrome ブラウザがインストールされているパスに変更してください。

于 2014-07-26T16:40:13.673 に答える