Webstorm のインストールと簡単な紹介

この記事では主にウェブストームのダウンロード、インストール、ショートカットキー、簡単な使用テクニックを紹介しますので、興味のある方は参考にしてください。

WebStormのダウンロードアドレス:

リンク: http://www.php.cn/xiazai/gongju/506

インストール手順
1. dmgイメージを開き、「WebStorm」を変更します。 .app」をアプリケーションに追加します;
2. WebStorm を開いてアクティベーション ページを表示し、WebStorm を終了します。この手順は非常に重要です。インターネット上には明確な手順がないため、次の手順を完了した後に WebStorm を開くとエラーが発生します。
3.「JetbrainsCrack.jar」をアプリケーションにコピーします - 「WebStorm.app」を右クリックして、パッケージの内容を表示します - コンテンツ - ビン
4. テキストエディタでアプリケーションを開きます - 「WebStorm.app」を右クリックします。パッケージの内容を表示するには、Contents-bin-webstorm.vmoptions、最後の行に「-javaagent:JetbrainsCrack.jar」を追加します
5. 「WebStorm.app」を開き、「アクティベーション コード」を選択し、「SN.txt」を開きます。 、「'{}」を変更します。登録ボックスにシリアル番号を入力します。この sn ファイルは、ダウンロードした dmg 内にあります。

テーマ (フォントと色) を変更する方法: ファイル -> 設定 -> テーマのダウンロード アドレス

起動時にプロジェクト ファイルを開くのを防ぐ方法:

設定 ->起動時の最後のプロジェクト

中国語を完全に表示する方法:

ファイル ->設定 ->外観、デフォルトのフォントを上書きする(推奨されません)にチェックを入れ、名前: NSimSun、サイズ: 12を設定します

行番号を表示する方法:

ファイル -> 設定 -> エディターで「行番号を表示」にチェックを入れると行番号が表示されます

コードを自動的にラップする方法:

ファイル -> 設定 -> エディターでソフトラップを使用しますエディタ」 この行の最後に表示されます:
ファイル -> 設定 ->エディタ 「行末後のキャレットの配置を許可する」のチェックを外すだけです。

ショートカット キーを変更する方法:
[ファイル] -> [設定] -> [キーマップ] を選択し、ショートカットを変更する機能をダブルクリックすると、プロンプト ボックスが表示されます。プロンプトに従ってください

使用するショートカット キーに変更します。エディターに精通している方:
[ファイル] -> [設定] -> [キーマップ]、Visual Studio、Eclipse、NetBeans などの主流の IDE をサポートします。

JavaScriptライブラリのヒント。
ファイル -> 設定 -> JavaScript -> ライブラリ -> 次に、リストからよく使う JavaScript クラス ライブラリを選択して、最後にダウンロードしてインストールすればOKです。候補オプションを選択できます:

ファイル -> 設定 -> コード補完 -> 最初の提案を選択します: 「スマート」から「常に」

ファイル -> コード補完->

git 設定の Autopopup で 1000 を 0 に変更します:

ファイル -> エディター -> git がない場合は、github アカウントを変更します。

プラグインのインストール:

[ファイル] -> [プラグイン] をクリックし、強力なプラグインを選択してインストールします (「css-X-fire」プラグインは、firebug を使用して CSS プロパティを変更するときに使用されます)。エディターの CSS コードも変更されます。)

Webstorm の使用経験

お気に入りの機能:

プロジェクト ディレクトリが非常に大きい場合、いくつかのサブディレクトリが開かれることがよくありますが、現時点ではそのレベルは非常に深いです。追加が成功したら、左側に「お気に入り」メニューがあります

パンくずナビゲーション:

左側のプロジェクト ページに加えて、ディレクトリを選択できます。 Web サイトのブレッドクラム ナビゲーションに似たトップ メニューの下のディレクトリで、同じ機能を実現できます。各ディレクトリをクリックすると、その下のサブディレクトリが表示されるドロップダウン メニューが表示されます。これは非常に実用的です。 コンストラクター インターフェイス: フォーマットに一致する場合、コメントが表示されます。 js ファイルの場合は js クラスの関数とオブジェクト、css ファイルの場合は css ファイルの概要、html ファイルの場合はノードの構造図です。これらは、コードの構造を表示するためのものです。

todo インターフェース:

todo コメントをコードに追加すると、このインターフェースが表示されます
。

デュアルカラムコードインターフェース:
コードタブでファイルを右クリックし、右クリック -> 垂直方向に広げる (左右の画面) または水平方向に分割する (上下の画面)

ローカルヒストリー機能:
Aコードを取得する良い方法

ウェブストームのショートカット キーの説明

編集関連のショートカット キー

Ctrl + Space:
基本的なコード補完 (クラス、メソッド、または変数の名前) 基本的なコード補完 (任意のクラス、関数、または変数の名前) )、Alt+S に変更します

Ctrl + Shift + Enter:
Complete ステートメントで現在のステートメントを完了します

Ctrl + P:
パラメーター情報 (メソッド呼び出し引数内) パラメーター情報には次のものが含まれますメソッド呼び出しパラメータ

Ctrl + コードにマウスを置く
簡単な情報

Ctrl + F1
キャレットにエラーまたは警告の説明を表示

Alt + Insert
コードを生成… (Getters,セッター、コンストラクター) 新しいファイルを作成するか、コードを生成します...コンストラクターは、クラス内の任意のフィールドのゲッター メソッドとセッター メソッドを作成できます

Ctrl + O
Override メソッド オーバーロードされたメソッド

Ctrl + I
Implement メソッド 実装メソッド

Ctrl + Alt + T
...で囲みます (if、else、try、catch、for など) * を使用して、選択したコード行を囲みます (* if、while、try catch などが含まれます)

Ctrl + /
行コメントでコメント/コメント解除 行コメント/コメント解除

Ctrl + Shift + /
ブロックコメントでコメント/コメント解除

Ctrl + W
連続して増加するコードブロックを選択 コードブロックを選択、通常は増分選択

Ctrl + Shift + W
現在の選択を前の状態に減らす前のショートカットキーに戻り、選択コードを減らす

Alt + Q
コンテキスト情報コンテキスト情報

Alt + Enter
インテンションアクションとクイックを表示-修正 意図したアクション、クイック結果

Ctrl + Alt + L
コードを再フォーマットする テンプレート形式に従ってコードをフォーマットする

Tab/ Shift + Tab
選択した行をインデント/インデント解除する 選択した行をインデント/インデント解除する

Ctrl + X または Shift + Delete
現在の行または選択したブロックをクリップボードにカットします 現在の行または選択したコード ブロックをクリップボードにカットします

Ctrl + C または Ctrl + Insert
現在の行または選択したブロックをチップボードにコピーします 現在の行または選択したコード ブロックをチップボードにコピーしますクリップボード

Ctrl + V または Shift + Insert
クリップボードから貼り付け クリップボードにコンテンツを貼り付けます

Ctrl + Shift + V
最近のバッファーから貼り付けます バッファー内の最新のコンテンツを貼り付けます

Ctrl + D
現在の行または選択した行を複製しますブロック 現在の行または選択したコードブロックをコピー

Ctrl + Y
キャレットの行を削除 カーソル位置の行を削除

Ctrl + Shift + J
スマートライン結合 (HTML および JavaScript のみ) スマートライン結合 (HTML および JavaScript)

Ctrl + Enter
スマートライン分割 (HTML および JavaScript のみ) スマートライン分割 (HTML および JavaScript のみ)

Shift + Enter
Start new line 新しい行を開始

Ctrl + Shift + U
Word の大文字と小文字を切り替えるキャレットまたは選択したブロックカーソル 位置の大文字小文字変換

Ctrl + Shift + ]/[
コードブロックの末尾/先頭まで選択 コードブロックの末尾/先頭まで選択

Ctrl + Delete
単語の末尾まで削除 テキストを削除end

Ctrl + Backspace
単語の先頭まで削除 テキストの削除 start

Ctrl + NumPad+/-
コードブロックを展開/折りたたむコードブロックを展開/折りたたむ

Ctrl + Shift+ NumPad+
すべて展開すべて展開

Ctrl + Shift+ NumPad-
すべて折りたたんで縮小

Ctrl + F4
アクティブなエディタタブを閉じる

検索/置換 関連するショートカットキー

Ctrl + F
検索 現在のファイル内のコードを素早く検索

Ctrl + Shift + F
検索path 指定したファイル内のパスを検索します

F3
次を検索 次を検索

Shift + F3
前を検索 前を検索

Ctrl + R
Replace 現在のファイル内のコードを置換します

Ctrl + Shift + R
パス内の置換 ファイル内のバッチコード置換を指定します

使用法の検索 関連するショートカットキーを検索します

Alt + F7/Ctrl + F7
使用箇所を検索/ファイル内の使用箇所を検索 使用箇所を検索/ファイル内の使用箇所を検索

Ctrl + Shift + F7
ファイル内の使用箇所を強調表示

Ctrl + Alt + F7
使用箇所を表示 使用箇所を表示

実行中

Alt + Shift + F10
構成を選択して実行

Alt + Shift + F9
構成を選択してデバッグ アーキテクチャを選択して脆弱性をパッチ

Shift + F10
実行 Run

Shift + F9
デバッグ 脆弱性を修正

Ctrl + Shift + F10
エディタからコンテキスト設定を実行

Ctrl + Shift + X
コマンドラインを実行 コマンドラインを実行

デバッグ デバッグ関連のショートカットキー

F8
ステップオーバー 関数を入力しないでください

F7
ステップイン シングルステップ実行

Shift + F7
スマートステップイン スマートステップイン スマートステップ実行

Shift + F8
ステップアウト ジャンプout

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
閉じるアクティブな run/message/find/… タブ アクティビティを閉じる….Tab

Ctrl + G
その行に移動

Ctrl + E
最近使ったファイルのポップアップ 最近開いたファイルをポップアップ表示

Ctrl + Alt + 左/右
戻る/進むナビゲーション 進む/戻る

Ctrl + Shift + Backspace
最後の編集場所に移動する

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]
番号付きブックマークに移動 番号付きブックマークにジャンプ

Shift + F11
ブックマークを表示 ブックマークを表示

リファクタリング リファクタリング関連のショートカット キー

F5
コピー

F6
移動 移動

Alt + Delete
安全な削除 安全な削除

Shift + F6
名前の変更 名前の変更

Ctrl + Alt + N
インライン変数 埋め込み変数

Ctrl + Alt + M
メソッドの抽出(JavaScript のみ) 関数の抽出

Ctrl + Alt + V
変数の導入 変数の導入

Ctrl + Alt + F
フィールドの導入 ドメインの導入

Ctrl + Alt + C
定数の導入 定数の導入

VCS/ローカルヒストリーバージョン管理システム/ローカルヒストリー関連のショートカットキー

Alt + BackQuote( )
'VCS'クイックポップアップ 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
設定ダイアログを開くOpen設定ダイアログ

Ctrl + Tab
タブとツール ウィンドウを切り替えます タブとツール ウィンドウを切り替えます (Windows のショートカット キーと競合します)

関連する推奨事項:

WebStorm ES6 で babel を使用する方法

Webstorm で babel を使用して ES6 を ES5 に変換する方法

よく使用される WebStorm ショートカット キー

以上がWebstorm のインストールと簡単な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。