コマンドプロンプトを使用して Windows 11 または 10 に Angular をインストールする方法

しかし、なぜ Angular を使用するのでしょうか?

インストール プロセスを詳しく説明する前に、Web 開発で検討する価値のある Angular の使用の利点をいくつか簡単に見てみましょう。 Angular は、最新の Web アプリケーションを構築するための強力な構造化フレームワークを提供します。

• そのコンポーネントベースのアーキテクチャにより、複雑なアプリケーションを簡単に構築および保守できます。
• Angular で作成された Web アプリケーションは、さまざまなプラットフォームやデバイス上でシームレスに実行されます。
• Angular はアプリケーションを最適化してパフォーマンスを向上させ、迅速にロードしてスムーズに実行できるようにします。
• 活発なコミュニティ、豊富なリソース、チュートリアル、Angular 開発のサポート。 ＃＃＃＃＃＃＃＃＃ステップ1。 PowerShell または CMD を管理者として開きます

ここでは PowerShell を使用していますが、手順はどちらも同じであるため、コマンド プロンプトを使用することもできます。ただし、コマンドラインを使用してアプリケーションをインストールするにはスーパーユーザー権限が必要であるため、必ず管理者としてアクセスしてください。

アイデアを与えるには、Windows

[スタート

] ボタンをクリックし、PowerShell または CMD を検索して、オプション「

管理者として実行」をクリックしてください ＃＃＃＃＃＃＃＃＃＃＃＃ステップ2。 Winget が利用可能であることを確認する 最新バージョンの Windows 10 ユーザーを含むすべての Windows 11 では、Microsoft のパッケージ マネージャー

Winget

が使用されます。ただし、システム上にその存在を確認するには、Powershell または CMD を開いた後に指定されたコマンドを入力します。

winget -v

出力にパッケージ マネージャーの現在のバージョンが表示され、使用できることが確認されます。

ステップ 3. Node.js と NPM のインストール

まず、Node.js とそのパッケージ マネージャー NPM (Node Package Manager) を Windows 10 または 11 システムにインストールする必要があります。 Angular をインストールするために NPM が必要なだけでなく、Web アプリケーションを構築するために必要なツールも入手する必要があります。

Winget を使用してこの NPM で Nodejs をインストールすると、システムに自動的に表示されます。この記事の執筆時点では、Node の最新バージョンは 20 ですが、Angular は LTS バージョンのみをサポートしているため、Node.js の 18.x バージョンを選択します。

winget install OpenJS.NodeJS.LTS

数秒待つと、システムがこの JavaScript ランタイム環境をセットアップします。

ここで、コマンド ターミナルまたは PowerShell を閉じて、再度開き、システムがノードを認識できるようにします。および NPM コマンド ツール。インストールされているノードと NPM のバージョンを確認するには、次のコマンドを使用できます。

node -v

npm -v

また、最新の状態に保つことも重要です。

npm

を更新するには、ターミナルで次のコマンドを実行します:

npm install -g npm@latest

ステップ 4. Windows 10 または 11 に Angular CLI をインストールする#Windows 上の Angular CLI (コマンド ライン インターフェイス) を使用すると、Angular アプリケーションの作成、構築、デプロイのプロセスが簡素化されます。インストールするには、次の手順に従います。

管理者権限を持つ Windows コマンド プロンプトまたは PowerShell がすでにあります。したがって、次のコマンドを実行して Angular CLI をグローバルにインストールします:

npm install -g @angular/cli

インストールが完了したら、Angular CLI のバージョンをチェックしてインストールを検証できます:

ただし、バージョンを確認する前に、 Angular の場合、デフォルトで無効になっている PowerShell スクリプトの実行を有効にします。いいえ、

ng

tools コマンドを実行できます。したがって、次のコマンドを実行します。

Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned

Y

を押して、

Enter

キーを押します。 実行後:

ng version

インストールされている Angular CLI のバージョンが表示されるはずです。 注: コマンドが見つからない場合は、PowerShell または CMD を閉じて、再度開きます。

#ステップ 5.最初の Angular プロジェクトを作成する

Windows 11 または 10 システムに Angular CLI をインストールしたので、最初のステップから始めましょう。簡単な Angular プロジェクトを作成して、その仕組みを理解しましょう。 Angular プロジェクト ファイルを保存するディレクトリを作成します (例:

MyApp

mkdir myapp

)。次に、ターミナルで

cd

コマンドを使用して、このディレクトリに切り替えます。

cd myapp

次のコマンドを実行して、新しい Angular プロジェクトを生成します。

ng new my-first-app

「My First Application

」を目的のプロジェクト名に置き換えます。

Angular CLI 将提示您为项目选择一些配置选项。您现在可以通过按 Enter 键选择默认选项。

生成项目后，导航到项目文件夹：

cd my-first-app

最后，通过运行以下命令启动 Angular 开发服务器：

ng serve

这将编译您的 Angular 应用程序，并使其可用于 http://localhost:4200/ 预览。打开浏览器并指向它。

6. 卸载（可选）

如果一段时间后您想使用Powershell或CMD终端从Windows中删除Angular，那么以下是要遵循的命令：

要仅删除角度：

npm remove -g @angular/cli

要删除 Nodejs 和 NPM，请执行以下操作：

winget uninstall OpenJS.NodeJS.LTS

以上がコマンドプロンプトを使用して Windows 11 または 10 に Angular をインストールする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。