WebStorm 2020.2 ヘルプ

WebStorm の使い方

WebStorm ヘルプへようこそ !

WebStorm は、Node.js を使用した複雑なクライアント側開発とサーバー側開発に完全に対応した最新の JavaScript 開発用のスマート IDE です。

  • JavaScript、HTML、CSS、およびそれらの最新の代替機能、および Angular、React、Vue.js、Express、Flow などの幅広いテクノロジーに対する、すぐに使用可能なサポート。

  • コード補完、強力なナビゲーション、コードリファクタリング、およびオンザフライエラー検出を備えたテキストエディター。

  • クライアントサイドコードと Node.js 用のビルトインデバッガー

  • WebStorm で Karma、Jest、Mocha、Protractor を使用した単体テスト。

  • Git、GitHub、Subversion、Mercurial などのバージョン管理システムとの統合。

  • 組み込みの HTTP サーバー、REST クライアント、およびターミナルエミュレーター。

  • ビルドツールおよび npm、webpack、Gulp、Grunt などのタスクランナーとの統合。

最初のステップ

  • WebStorm を初めてお使いの場合は、WebStorm 入門を参照してください。このセクションのリンクは、より詳細な手順を確認できます。

    WebStorm ガイドを読んで WebStorm の学習プラグイン(英語)を試すこともお勧めします。

  • WebStorm UI について学びたい場合は、ガイドツアーを参照してください。ツールウィンドウおよび WebStorm エディターパーツは、これらの UI 要素を把握するために必要なすべての情報を提供します。

  • 言語およびフレームワークパートでは、WebStorm が新しいフレームワーク固有のアプリケーションの作成にどのように役立つか、または既存のアプリケーションの開発を継続する方法を学びます。WebStorm から得られる言語とテクノロジーを認識したコーディング支援と、IDE を移動せずにパッケージマネージャービルドツールlinter などのさまざまな補助ツールを使用する方法を参照してください。このページのガイドラインは、多数の言語固有の例で示されています。JavaScript のリファクタリングTypeScript のリファクタリングReact などを参照してください。

  • ダイアログでヘルプボタンをクリックすると、そのコントロールとフィールドの説明を記載したリファレンスページが表示されます。

  • 最後に、ヘルプの利用パートは、ヘルプトピックの使用、サービスのサポート、課題の報告、フィードバックの共有について説明します。

最終更新日 :

関連ページ:

WebStorm 入門

WebStormは最新の JavaScript 開発用の強力な IDE です。WebStorm は、JavaScript、TypeScript、HTML、CSS、および React、Angular、Vue.js などのフレームワークを完全にサポートしています。追加プラグインは必要ありません。WebS...

ユーザーインターフェースの概要

WebStorm でプロジェクトを開くと、デフォルトのユーザーインターフェースは次のようになります。プラグインのセットと構成設定によっては、IDE の外観と動作が異なる場合があります。エディター :フォーカス :エディターを使用して、ソースコードの読み取り、書き込み、探索を行います。アクションインジ...

ツールウィンドウ

ツールウィンドウは、プロジェクト構造の表示、アプリケーションの実行とデバッグ、バージョン管理システムやその他の外部ツールとの統合、コード分析、検索、ナビゲーションなどの便利な開発タスクへのアクセスを提供します。デフォルトでは、ツールウィンドウはメインウィンドウの下部と側面にアタッチされています。ただ...

エディターの基本

WebStorm エディターは、コードの作成、読み取り、変更に使用する IDE の主要部分です。エディターは次の領域で構成されています。スクロールバーは現在のファイルのエラーと警告を表示します。パンくずリストは、現在のファイルのコード内を移動できます。ガターには、行番号と注釈が表示されます。タブには...

言語およびフレームワーク

WebStorm は、JavaScript、TypeScript、および関連するフレームワークと技術をサポートします。人気のあるチュートリアル:Chrome でクライアント側の JavaScript をデバッグする、Angular の使用開始およびAngularJS 入門、React の使用開始、V...

npm、pnpm、および Yarn

WebStorm はnpm、Yarn、Yarn 2、およびpnpmと統合されているため、IDE 内から再利用可能なコードのパッケージをインストール、検索、更新、削除できます。Node.js と NPM ページは、パッケージを管理するための専用 UI を提供します。もちろん、組み込みのターミナルのコマ...