この記事は、WebStorm の入門的な使用法をまとめたもので、必要な方は参考にしていただければ幸いです。
WebStorm は、JetBrains が 15 年以上かけて開発、改良してきたオープンソース IntelliJ プラットフォーム上に構築されています。多くの一般的なバージョン管理システムで動作する統合 UI を提供し、git、GitHub、SVN、Mercurial、Perforce 全体で一貫したユーザー エクスペリエンスを保証します。 WebStorm はカスタマイズ可能な機能を提供し、ショートカット、フォント、ビジュアル テーマからツール ウィンドウやエディタ レイアウトに至るまで、コーディング スタイルに完全に適合するように調整します。
WebStorm は、優れたコードの作成に役立ちます。そのスマート エディターには、コード補完、動的コード分析、コードの書式設定、リファクタリングが備わっており、生産性を向上させ、開発エクスペリエンスをまったく新しいレベルに引き上げます。
WebStorm は、JavaScript、ECMAScript 6、TypeScript、CoffeeScript、Dart、および Flow の最上級のコーディング ヘルプを提供します。
WebStorm は、HTML、CSS、Less、Sass、Stylus コードの作成に役立ちます。
何よりも、Node.js と、React、Angular、Vue.js、Meteor などの一般的なフレームワークの高度なサポートの恩恵を受けられます。
WebStorm はプロジェクトを分析し、アプリケーションで定義されているすべてのメソッド、関数、モジュール、変数、クラスに対して最良のコード補完結果を提供します。コーディング支援はコンテキストを認識し、フレームワーク固有のものにすることもできます。
WebStorm で CSS を使用するときに、プロパティとその値のコード補完をお楽しみください。 Less と Sass では、ミックスインの助けを借ります。もちろん、HTML ではすべてのタグと属性のコード補完が得られます。
WebStorm には、サポートされているすべての言語をカバーする何百もの組み込みチェック機能があります。これとは別に、ESLint、TSLint、Stylelint、JSCS、JSHint、および JSLint も使用できます。
WebStorm Editor は、入力時にすべてのエラーと警告を直接報告し、多くのクイックフィックス オプションを提供します。
WebStorm で問題が発生する可能性のあるコード行は、エディタの右側のガターにマークされるため、長いファイル内のエラーや警告を簡単に見つけることができます。
WebStorm を使用して、プロジェクト全体のコード品質分析を実行し、選択したクイックフィックスを自動的に適用することもできます。
WebStorm のテーマ (フォントとカラー マッチング) を変更する方法:
ファイル -> エディター -> ; 色&フォント -> スキーム名。テーマのダウンロード アドレス
ウェブストームの開始時にプロジェクト ファイルを開かないようにする方法:
ファイル -> 設定 -> 一般削除再開く起動時の最後のプロジェクト。
WebStorm で中国語を完全に表示する方法:
[ファイル] -> [設定] -> [外観]、[デフォルトのフォントを上書きする (非推奨)] をオンにし、[名前] を NSimSun に設定します。 、サイズ: 12
WebStorm で行番号を表示する方法:
ファイル -> 設定 -> エディターで、「行番号を表示」にチェックを入れると行番号が表示されます。
WebStorm がコードを自動的にラップする方法:
ファイル -> 設定 -> エディターで [ソフト ラップを使用] にチェックを入れると、コードが自動的にラップされます
カーソルをクリックして行末に WebStorm を表示する方法:
[ファイル] -> [設定] -> [エディタ] 「行末にキャレットを配置できるようにする」のチェックを外すだけです。
WebStorm ショートカット キーを変更する方法:
[ファイル] -> [設定] -> [キーマップ] を選択し、ショートカットを変更する機能をダブルクリックします。プロンプト ボックスが表示されます。 、プロンプトに従います
WebStorm を使い慣れたエディターのショートカット キーに置き換える方法:
[ファイル] -> [設定] -> [キーマップ]。Visual Studio などの主流の IDE をサポートします。 、Eclipse、および NetBeans。
JavaScript クラス ライブラリ プロンプト。
[ファイル] -> [設定] -> [JavaScript] -> [ライブラリ] -> リストからよく使用する JavaScript クラス ライブラリを選択します。
WebStorm で js を開発する場合、候補オプションを選択するには Ctrl キーを押しながら戻る必要があることがわかりました。
ファイル -> 設定 -> コード補完 -> 最初の候補を選択します。 「常に」
ファイル -> コード補完 -> 次の 1000 から 0 で自動ポップアップ
[ファイル] -> [設定] -> [エディタ] -> [github] に移動し、github アカウントを変更します。必要があります。
[ファイル] ->[プラグイン] をクリックし、強力なプラグインを選択してインストールします (「css-X-fire」)。 firebug を使用して CSS 属性を変更する場合、プラグインはエディターで CSS コードを変更するために使用されます。また、変更も行われます)。
WebStorm のお気に入り機能:
プロジェクト ディレクトリが非常に大きい場合、いくつかのサブディレクトリが開かれることがよくありますが、その階層は非常に複雑です。この時点で、ディレクトリをお気に入りに追加できます。追加が成功すると、左側の
WebStorm のブレッドクラム ナビゲーションに「お気に入り」メニューが表示されます。 ##左側を除く プロジェクトページでは、ディレクトリの選択に加えて、トップメニューの下にWebサイトのブレッドクラムナビゲーションと同様のディレクトリがあり、同じ機能を実現します。各ディレクトリをクリックすると、ドロップダウン メニューが表示され、その下のサブディレクトリが表示されます。これは非常に実用的です。
コメントが一致する場合に表示されます。フォーマット。 js ファイルの場合は js クラスの関数とオブジェクト、css ファイルの場合は css ファイルの概要、html ファイルの場合はノードの構造図です。これらは、コードの構造を表示するためのものです。
コードに todo コメントを追加すると、このインターフェイスが表示されます
コード タブでファイルを右クリックし、右から垂直に広げる (画面の左と右) または水平に広げる (画面の上部と下部)
コードを取得する良い方法
コード インターフェイスの任意の領域を右クリックし、[git ->] を選択して、比較するリポジトリ。
#Alt Insert
Ctrl O
Ctrl I
Ctrl Alt T
Ctrl /
Ctrl Shift /
Ctrl W
Ctrl Shift W
Alt Q
Alt
Ctrl Alt L
Tab/Shift Tab
Ctrl X または Shift Delete
Ctrl C または Ctrl Insert
##Ctrl V または Shift Insert
クリップボードから貼り付けクリップボードの内容を貼り付けます
から貼り付け最近のバッファ バッファ内の最新のコンテンツを貼り付けます
Ctrl NumPad /-
コード ブロックを展開/折りたたむコード ブロックを展開/折りたたむ
すべて展開 すべて展開
折りたたむ すべて折りたたむ
アクティブなエディター タブを閉じるアクティブなエディター タブを閉じる
#Ctrl Shift F7
#Ctrl Alt F7
使用方法を表示
#WebStorm
を使用して実行の使用方法を表示します。構成を選択して実行します アーキテクチャを選択して実行します
Alt Shift F9
構成を選択してデバッグしますアーキテクチャを選択して脆弱性をパッチします
Shift F10
Run Run
Shift F9
デバッグ脆弱性の修正
Ctrl Shift F10
コンテキスト構成を実行しますエディタ コンテンツ フレームワークの実行
Ctrl Shift
#F8
F7
Ctrl N
Ctrl Shift N
#Alt 右/左
#F12
前のツールウィンドウに戻る 前のAツールウィンドウに入る
Esc
エディタに移動(ツールウィンドウから) からエディタに入るツールウィンドウ
Shift Esc
アクティブなウィンドウまたは最後のアクティブなウィンドウを非表示にする アクティブなウィンドウを非表示にする
Ctrl Shift F4
アクティブな実行を閉じる/message/find/…tab アクティブを閉じる….Tab
Ctrl G
行に移動 行にジャンプ
Ctrl E
最近のファイルのポップアップ 最近開いたファイルをポップアップ表示します
Ctrl Alt 左/右
前へ/前へ移動 前へ/前へ移動
最後の編集場所に移動します。 最後の編集場所に移動します。
# Ctrl Alt H
#F2/ Shift F2
次/前を強調表示error 次/前のエラーにジャンプし、エラーまたは警告を強調表示します。このショートカット キーを使用して、間違ったステートメント間をすばやく移動します。
F4/Ctrl Enter
ソースの編集/ソースの表示 ソース コードの編集/ソース コードの表示
Alt Home
ナビゲーションを表示bar ナビゲーションバーを表示
F11
ブックマークの切り替え マークの切り替え
Ctrl F11
ブックマークをニーモニックで切り替え メモリスイッチマークの使用
Ctrl #[0-9]
番号付きブックマークに移動 番号付きブックマークにジャンプ
ブックマークを表示 マークを表示
Copy copy
Move Move
安全な削除安全な削除
名前の変更名前の変更
インライン変数 埋め込み変数
メソッド抽出(Javascriptのみ) 関数抽出
変数の導入 変数の導入
以上がWebStorm の入門的な使用方法の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。