IDEA で Angular を開発する方法の簡単な分析

前回の記事では、Angular 開発のために準備する必要がある環境について学びました。環境をセットアップした後は、プログラミングにテキスト ツールを直接使用することはできません。優れた IDE を選択する必要があります。半分の労力でより効率的な開発が可能になります。 JetBrains IDEA を選択したのは、主に私の仕事にいくつかのエディタがあるためで、IDEA は Angular 開発をサポートする優れた IDE です。

新しいプロジェクト

ファイル => 新規 => プロジェクト => JavaScript => Angular CLI

次のステップを選択したら、その中でプロジェクトを構成できます。最初からこのステップまで従うと、プロジェクト名を設定するだけで、IDEA が Node インタープリターと Angular CLI の両方を自動的に構成したことがわかります。 【おすすめ関連チュートリアル：「angularチュートリアル」】

[完了] をクリックした後、ビルドが完了するまで待ちます。コンソールに次の内容が出力されたら、

ファイルが作業ディレクトリに元の行末を持っている

    git の初期化に成功しました。
完了

IDEA 1 でプロジェクトを実行します。

npm スクリプトの表示

プロジェクトのルート ディレクトリでpachage.jsonファイルを見つけ、右クリックして [npm スクリプトの表示] を選択すると、新しいウィンドウが表示されます。

。start

コマンドは、start コマンドと同等です。起動が完了すると、プロジェクトのコンパイルと開始が開始されます。

* Angular Live Development Server はローカルホスト: 4200 でリッスンしています。http://localhost:4200/ でブラウザを開きます **

現時点では

正常にコンパイルされています。http

npm のコマンドは実際には package.json で定義されており、コマンドをカスタマイズすることもできます。
package.json の script ノードに

「node version」:「node -v」

、npm インターフェイスを更新します。これをダブルクリックすると、次のコマンドと同じ効果が得られることがわかります。ノード -vコマンドを実行します。