インターネットでWebStromを紹介する記事を見て、機能が本当に強力であると感じました。また、AlibabaのフロントエンドでGithubに送信されたファイルに.ideaファイルがある理由も知っています。 （Taobaoは、その中にWebStromを使用するためにJSを書くことを推奨すると言われています）
IDEは、必要な多くの機能、またはあなたが望んでいない機能を統合していることを理解できます。言い換えれば、多くのプラグインを持つ編集者がインストールされているため、これまでのところ、プラグインをインストールする必要はないと感じています。
次に、 WebStromの特別な機能の紹介を始めましょう。
WebStormは、JetBrainsによって発売された商用JavaScript開発ツールです
すべてのWINプラットフォームでソフトウェアを編集する機能であるエディターを保存する必要がありますが、Webstorm編集ファイルの右上隅にはそれほど馴染みのある*がありません*。
利点：Ctrl + Sを排除した後、マウスを移動せずに結果ページを見ることができます。
欠点：以前の *ロゴがなければ、キーボードが誤って操作されている場合はすぐに保存されます。
ファイルが閉じている限り、エディターには履歴はありませんが、WebStormには履歴があります。 vcs->ローカルヒストリー - >履歴を表示（ショートカットキー：alt+〜-> 7）
アドバンテージ：WebStormが閉じていない限り、ファイルはいつでも以前の操作に返される可能性があります（これがCtrl+YがWebstormでは、それが行の削除のためである理由です）。
短所：これらの歴史的記録は、ウェブストームが閉じられ、再起動された後になくなります。もう1つの欠点は、これによって引き起こされるメモリ消費が必然的に比較的大きいことです。
エディターにはサーバーSVN以外のローカルバージョンはありませんが、WebStormはローカルファイルの変更履歴を提供します（ショートカットキー：Alt+Shift+C）。また、CTRL + Eが最近開かれたファイルをポップアップすることもできます。
利点：ローカルSVNに相当します。
欠点：メモリ消費は比較的大きくなければなりません。
ゼンコード、HTML5、FTP、インスタント編集（CHROME）、自動完成、MozillaベースのJavaScriptデバッガー、JSLINT、サポートの少ない、コーヒーサポート、Node.js、単体テスト、統合GITおよびSVNバージョンコントロールおよびその他の機能を統合します。
CSSを書くときは、さまざまなファイルや写真をインテリジェントにプロンプトするため、このファイルが存在するかどうかを確認する必要がなくなります。
他の機能が導入されています。もっと知りたい場合は、WebStromの公式Webサイトにアクセスして検索を続けることができます。この紹介と非常に多くの強力な機能を読んだ後、この伝説的なフロントエンドアーティファクトをすぐに試してみることをお勧めしますか？ええと。
まず、公式ダウンロードページにWebStromをダウンロードした後、[インストール]をクリックしてから、次のステップに進みます。最後に、WebStromは商業的なIDEであり、もちろんTianChaoのシルクフロントエンドにはそのような高価なアーティファクトを購入するためのお金がないため、登録コードインターフェイスが表示されます。心配しないでください。ウェブストームキーを使用して、このフロントエンドアーティファクトを使用することを学ぶことができます。 hehe ~~~~
インストールが成功した後、私は間違いなく少し不快に感じるでしょう。この配色が本当に賢明すぎると思うように。私が望んでいないいくつかの設定もあります。次に、以下に私が慣れている設定をリストします。
ウェブストームのインストール後のいくつかのセットアップのヒント：
テーマを変更する方法（フォントと配色）：
ファイル - >設定 - > editor-> colors＆fonts->スキーム名。テーマのダウンロードアドレス
WebStormが開始時にプロジェクトファイルを開くのを防ぐ方法：
ファイル - >設定 - >一般的な削除スタートアップで最後のプロジェクトを再開します。
中国語を完璧に表示する方法：
ファイル - >設定 - >外観、設定名：nsimsun、size：12で（推奨されない）defaultfontsをオーバーライドするデフォルトフォントを確認します：12
行番号を表示する方法：
ファイル - > settings-> editor、 "show line numbers"それを確認すると、行番号が表示されます。
コードを自動的にラップする方法：
ファイル - >設定 - >編集者「エディターでソフトラップを使用」がフックされ、コードは自動的に行をラップします
カーソルをクリックする方法、この行の最後に表示されます。
ファイル - >設定 - >編集者 "ラインの終了後のカレットの配置を許可します"フックを削除するだけです。
高速キーを変更する方法：
ファイル - > [設定] - > [キーマップ]、次に、迅速に変更する関数をダブルクリックします。プロンプトボックスがあります。プロンプトに従ってください。
編集者に精通している高速キーに変更してください。
ファイル - >設定 - >キーマップは、Visual Studio、Eclipse、NetBeansなどの主流のIDEをサポートしています。
JavaScriptクラスライブラリプロンプト。
ファイル - >設定 - > javaScript->ライブラリ - >次に、リストでよく使用するJavaScriptクラスライブラリを選択し、最後にダウンロードしてインストールします。
JSを開発するときは、候補者を選択するにはCTRL +リターンが必要であることがわかります。
ファイル - >設定 - >編集者 - >コード完了 - >最初の提案を事前に選択します：「スマート」から「常に」から「スマート」
JSプロンプトは遅いです
ファイル - >コード完了 - > 1000〜0のAutoPopup
git構成：
ファイル - >設定 - >編集者 - > github、入ってgithubアカウントを変更します。gitがない場合は、必要ありません。
プラグインのインストール：
ファイル - >プラグインして、強力なプラグインを選択してインストールします。 （「CSS-X-Fire」プラグインは、FireBugを使用してCSS属性を変更するために使用されます。エディターのCSSコードも変更されます。）
後で更新します
ウェブストームの使用経験
お気に入りの関数：
プロジェクトディレクトリが巨大な場合、一部のサブディレクトリは非常に頻繁に開いていますが、レベルは非常に深いです。この時点で、お気に入りにディレクトリを追加できます。追加が成功した後、左側に「お気に入り」メニューがあります。
ブレッドクランブナビゲーション：
左側のプロジェクトページに加えて、ディレクトリを選択できます。トップメニューの下で、WebサイトBreadcrumbナビゲーションに似たディレクトリも同じ機能を達成できます。各ディレクトリをクリックすると、ドロップダウンメニューがあり、その下にサブディレクトリを表示します。これは非常に実用的です。
コンストラクターインターフェイス：
コメントが形式に沿っている場合、それは表示されます。 JSファイルの場合、JSクラスの関数とオブジェクトです。 CSSファイルの場合、CSSファイルの要約です。 HTMLファイルの場合、ノード構造図です。ちなみに、これらはコードの構造を表示する便利さのためです。
TODOインターフェース：
コードにtodoコメントを追加すると、このインターフェイスが表示されます
ダブル列コードインターフェイス：
[コード]タブでファイルを右クリックし、右クリックして垂直にこぼれ（左右に2つの画面）または水平にこぼれました（上下に2つの画面）
地元の歴史の特徴：
コードを取得する良い方法
gitを使用します
WebStormはGITの一般的な操作のみを統合し、コマンドラインツールを完全に置き換えることはできません。インターフェイスの右下隅で、どのgitブランチにあるかを確認できます。クリックして、上記の新しいブランチを切り替えるか、作成することもできます。
現在のコードとリポジトリコードの違いを確認してください。
コードインターフェイスの任意の領域を右クリックして、git->比較して、比較するバージョンライブラリを選択します。
ウェブストームショートカットキー説明：
編集関連のショートカットキーの編集
Ctrl +スペース：
基本コードの完了（クラス、方法、または変数の名前）基本コード完了（クラス、関数、または変数名）、alt+sに変更
Ctrl + Shift + Enter：
完全なステートメント現在のステートメントを完了します
Ctrl + P：
パラメーター情報（メソッドコール引数内）パラメーター情報にはメソッドコールパラメーターが含まれています
Ctrl +マウスオーバーコード
簡単な情報簡単な情報
Ctrl + F1
ケア時のエラーまたは警告の説明を表示して、ケア時のエラーまたは警告
alt +挿入
コードを生成…（ゲッター、セッター、コンストラクター）新しいファイルを作成するか、コードを生成します。
Ctrl + o
オーバーライドメソッドオーバーロード方法
Ctrl + i
メソッド実装方法を実装します
ctrl + alt + t
サラウンド…（場合は、試して、キャッチ、キャッチ、forなど）を使用して、選択したコード行を囲む（ *キャッチを試してみるなどを含む）
ctrl + /
ラインコメントラインのコメント/コメント/除外を備えたコメント/除外
Ctrl + Shift + /
ブロックブロックブロックコメント/除外を使用したコメント/除外
Ctrl + w
[コードブロックの選択]を正常に選択するコードブロックの選択、通常は増分選択
Ctrl + Shift + W
前のショートカットキーのフォールバック、減少選択コードの前の状態に現在の選択を減らす
alt + q
コンテキスト情報コンテキスト情報
alt + Enter
意図のアクションとクイックフィックスを表示します
Ctrl + alt + l
テンプレート形式に従ってコードフォーマットコードをフォーマットします
タブ/シフト +タブ
インデント/インデント選択ラインインデント/無機選択選択ラインインデント/無機インデンテーション
ctrl + xまたはshift + delete
電流ラインまたは選択したブロックをクリップボードにカットします
Ctrl + CまたはCtrl +挿入
現在のラインまたは選択したブロックをコピーするチップボードに現在の行または選択したコードブロックをクリップボードにコピーします
Ctrl + VまたはShift +挿入
クリップボードから貼り付けます
Ctrl + Shift + v
最近のバッファの貼り付けバッファーの最新コンテンツを貼り付けます
Ctrl + d
現在の行または選択したブロックを重複させる現在の行または選択したコードブロックをコピーします
Ctrl + y
カーソルのケアで行を削除します。ラインを削除します
Ctrl + Shift + j
スマートライン結合（HTMLとJavaScriptのみ）
Ctrl + Enter
スマートラインスプリット（HTMLとJavaScriptのみ）
Shift + Enter
新しいラインを開始します
Ctrl + Shift + u
ケア時または選択したブロックケース変換時の単語のケースを切り替える
Ctrl + Shift +]/[
[コードブロックの終了]まで[コードブロックの終了]を選択します。[コードブロックの終了/開始]
ctrl + delete
Word Endから削除テキストエンドを削除します
Ctrl +バックスペース
Wordから削除テキストを削除します。開始を削除します
ctrl + numpad +/-
コードブロックの展開/崩壊コードブロックの展開/崩壊ブロック
Ctrl + Shift + Numpad +
すべて拡張します
ctrl + shift + numpad-
すべて崩壊します
Ctrl + F4
アクティブエディターを閉じるタブを閉じるアクティブ編集タグを閉じます
検索/交換関連のショートカットキーを検索/交換します
Ctrl + f
現在のファイルでクイック検索コードを見つけます
Ctrl + Shift + f
パスで検索ファイル内で見つけるパスを指定します
F3
次を見つけます
シフト + F3
以前を見つけてください
Ctrl + r
現在のファイルのコード置換を交換します
Ctrl + Shift + r
パスで交換ファイル内のコードのバッチ置換を指定します
使用法検索関連のショートカットキー
Alt + F7/Ctrl + F7
ファイルの検索/検索の使用法の検索/使用法の使用/検索の使用法
Ctrl + Shift + F7
ファイルの使用法を強調表示します
Ctrl + Alt + F7
使用状況を示します
ランニング
Alt + Shift + F10
構成を選択して実行します
Alt + Shift + F9
構成を選択してデバッグアーキテクチャを選択して脆弱性を修正する
シフト + F10
走る
シフト + F9
パッチの脆弱性をデバッグします
Ctrl + Shift + F10
エディターからコンテキスト構成を実行するエディターからコンテンツアーキテクチャを実行する
Ctrl + Shift + x
コマンドラインを実行します
デバッグに関連するショートカットキーのデバッグ
F8
ステップオーバーは関数に入りません
F7
ステップバイステップに足を踏み入れます
シフト + F7
スマートステップへのスマートステップインへ
シフト + F8
ステップアウト
alt + f9
カーソルに走行してカーソルに走ります
alt+ f8
表現を評価します
F9
履歴書プログラムはプログラムを再起動します
Ctrl + F8
ブレークポイントスイッチブレークポイントを切り替えます
Ctrl + Shift + F8
ブレークポイントを表示します
ナビゲーションポジショニング関連のショートカットキー
Ctrl + n
指定されたクラスにクラスジャンプに移動します
Ctrl + Shift + n
ファイルに移動するファイル名を介してプロジェクト内のファイルをすぐに見つけます
Ctrl + Alt + Shift + n
シンボルに移動して、1つの文字で関数の位置を見つけます
alt +右/左
次/前のエディタータブに移動して、次/前のエディターオプションに移動します
F12
前のツールウィンドウに戻ります
ESC
（ツールウィンドウから）エディターに移動して、ツールウィンドウからエディターを入力します
Shift + ESC
アクティブまたは最後のアクティブウィンドウを非表示にします
Ctrl + Shift + F4
アクティブな実行/メッセージ/find/…タブを閉じるアクティビティを閉じます…。
Ctrl + g
ラインジャンプに移動します
Ctrl + e
最近のファイルポップアップが最近開かれたファイルをポップアップします
ctrl + alt +左/右
バック/フォワードナビゲートフォワード/バックをナビゲートします
Ctrl + Shift +バックスペース
最後に編集する場所に移動します最後の編集場所に移動します
alt + f1
任意のビューで現在のファイルまたはシンボルを選択する他のインターフェイスモジュールで現在選択されているコードまたはファイルの場所を見つけます
Ctrl + BまたはCtrl +クリック
宣言に移動して定義に移動します
Ctrl + alt + b
実装に移動します。ジャンプ方法の実装場所
Ctrl + Shift + b
タイプ宣言ジャンプメソッド定義に移動します
Ctrl + Shift + i
オープンクイック定義ルックアップオープン定義クイック検索
Ctrl + u
スーパーメソッド/スーパークラスジャンプ方法/スーパークラスに移動します
alt + up/down
前/次のメソッドに移動して、メソッド間の位置をすばやく移動します
ctrl +]/[
コードブロックに移動します/エンコードブロックの終了/開始へのジャンプを開始します
Ctrl + F12
ファイル構造ポップアップファイル構造ポップアップ
Ctrl + h
タイプ階層タイプの階層
Ctrl + alt + h
階層を呼び出す階層を呼び出します
F2/ Shift + F2
次/前の強調表示されたエラー次のエラー/前のエラーへのジャンプ、エラーまたは警告を強調表示して、このショートカットキーを使用して、間違ったステートメントをすばやくジャンプします。
F4/ctrl + ENTER
ソース/ビューソースの編集ソース/ビューソースを編集します
alt + home
ナビゲーションバーを表示します
F11
トグルブックマークトグルマーカー
Ctrl + F11
ニーモニックでブックマークを切り替えます
Ctrl +＃[0-9]
番号付きのブックマークジャンプに移動します
シフト + F11
ショーブックマーク
リファクタリングリファクタリング関連のショートカットキー
F5
コピー
F6
動く
alt + delete
SAFE DELETE SAFE DELETE
シフト + F6
名前の変更
Ctrl + alt + n
インライン変数埋め込み変数
Ctrl + alt + m
抽出方法（JavaScriptのみ）抽出関数
Ctrl + alt + v
はじめに変数
Ctrl + alt + f
はじめにフィールド
Ctrl + alt + c
はじめに定数
VCS/Local Historyバージョン制御システム/ローカル履歴関連ショートカットキー
alt + backquote（）
'VCS'Quick Popup VCSはすばやく
Ctrl + k
プロジェクトをVCSにコミットします。プロジェクトをVCSに送信します
Ctrl + t
VCSのプロジェクトをVCSの更新プロジェクトから更新します
alt + shift + c
最近の変更を表示最新の変更を表示します
一般的に関連するショートカットキーが一般に使用されます
Ctrl + Shift + a
アクションを見つける編集者を見つけて呼び出す機能
alt +＃[0-9]
対応するツールウィンドウを開くすぐに切り替えて、インターフェイスモジュールを開きます
Ctrl + Alt + F11
フルスクリーンモードのトグルフルスクリーンモードを切り替えます
Ctrl + Shift + F12
エディターを最大化するトグル
alt + shift + f
お気に入りに追加現在のファイルをお気に入りに追加します
alt + shift + i
現在のプロファイルで現在のファイルを検査してください現在のファイルを現在のプロファイルで確認してください
ctrl + backquote（）
クイックスイッチ電流スキームクイックスイッチ電流スキーム
ctrl + alt + s
[設定]ダイアログ[設定]ダイアログボックスを開きます
Ctrl +タブ
タブとツールウィンドウ変換を切り替えます（Windowsショートカットキーとの競合）
このJavaScript開発ツールWebStromをすでに知っていますか？私はそれを試してみるのが待ちきれません、そして私はあなたがそれを使用した後にそれを愛することを保証します。