ウェブストームと角度のトップ12の生産性のヒント：パート1

WebStorm＆Angular：トップ5の生産性のヒント（パート1）

JetBrainsがスポンサーになったこの2部構成のシリーズは、WebStorm内の角度発達のための生産性向上を探ります。 Google開発者の専門家Jurgen van de MoereとTodd Mottoは洞察を共有しています。 Jurgenのこの最初の部分は、5つの重要なWebstorm機能に焦点を当てています。

キーテイクアウト：

WebStormの統合されたAngular CLIを活用して、プロジェクトの作成と機能の追加を合理化し、コマンドラインをバイパスします。
• マスター効率的なナビゲーション：定義ジャンプにCMD-Click/CMD Bを使用し、「どこでも検索」ダイアログにダブルシフトします。
優れたコードの完了、エラー検出、テンプレート支援のための角度言語サービスの力を活用してください。
• WebStormの組み込みツールを使用して一貫したスタイルのコードフォーマットを自動化し、プロジェクト設定に準拠しています。
未使用の輸入品を排除し、関連する輸入をマージし、最適なバンドルサイズを維持するために、輸入を簡単に最適化します。
• 1。 統合された角度cli 強力なコマンドラインツールであるAngular CLIは、WebStormに完全に統合されています。
• file＆gt;を介して新しいプロジェクトを作成するnew＆gt;プロジェクト＆gt; Angular Cli
、プロジェクトの場所を指定します。 機能（コンポーネント、サービス、ディレクティブ）の追加も同様に単純です。角cli

。 WebStormは、モジュールの統合をインテリジェントに処理します

2。 プロレベルナビゲーション src/appCMDクリック（またはCMD B）を使用してコードベースを効率的にナビゲートして、定義に直接ジャンプします。 これは、コンポーネント、ディレクティブ、スタイルシート、テンプレート、クラスなどで機能します。 直接参照のないファイルの場合、ダブルシフトは「どこでも検索」をアクティブにし、部分的な検索用語で迅速なファイルの場所を有効にします。 CMD Eは、最近編集されたファイルへのクイックアクセスを提供します

3。 Angular Language Service AngularのWebStormの組み込みサポートは優れており、JavaScriptモジュールを自動的にインポートし、リアルタイムのタイプスクリプトフィードバックを提供します。 Angular Language Serviceをインストールして、これをさらに強化します（npm install @angular/language-service --save-dev）。 Preferences＆gt;で有効にします。言語とフレームワーク＆gt; TypeScript＆gt; TypeScript Service＆gt;構成…＆gt; Angular Service を使用します。 これにより、テンプレートのコード完了が大幅に改善され、より正確なエラーレポートが提供されます。

4。 簡単なコードフォーマット

CMDオプションB（または同等のショートカット）で一貫したコードスタイルを維持します。 WebStormは、すべてのファイルタイプ（テンプレート、スクリプト、スタイルシート、JSON）にわたってコードを自動的にフォーマットします。

ファイルが存在する場合、WebStormはスタイル設定を適用することを提案します。 フォーマットの設定をカスタマイズtslint.jsonwebstorm＆gt;好み＆gt;編集者＆gt;コードスタイル。

5。 最適化を伴うインポートを合理化

インポートを最適化することにより、バンドルサイズを無駄のないままにします。 Ctrl alt o（またはCMD Shift A＆gt; "Optimize Imports"）は、同じモジュールから輸入を自動的にマージし、未使用の輸入品を削除し、輸入明細書を再フォーマットします。

結論：

これらのウェブストーム機能をマスターすると、角度開発生産性が大幅に向上します。 Todd Mottoの専門家のヒントとのパート2にご期待ください！ （ウェブストームと角度開発のFAQは元の記事に含まれていますが、簡潔にするためにここでは省略されています）。

以上がウェブストームと角度のトップ12の生産性のヒント：パート1の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。