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

王林
リリース: 2023-09-17 16:01:10
転載
1139 人が閲覧しました

しかし、なぜ 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 を開いた後に指定されたコマンドを入力します。 如何使用命令提示符在 Windows 11 或 10 上安装 Angular
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
ログイン後にコピー
如何使用命令提示符在 Windows 11 或 10 上安装 Angular インストールが完了したら、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
如何使用命令提示符在 Windows 11 或 10 上安装 Angular
mkdir myapp
ログイン後にコピー
)。次に、ターミナルで

cd

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

cd myapp
ログイン後にコピー

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

ng new my-first-app
ログイン後にコピー
My First Application

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

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

如何使用命令提示符在 Windows 11 或 10 上安装 Angular

生成项目后,导航到项目文件夹:

cd my-first-app
ログイン後にコピー

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

ng serve
ログイン後にコピー
如何使用命令提示符在 Windows 11 或 10 上安装 Angular

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

如何使用命令提示符在 Windows 11 或 10 上安装 Angular

6. 卸载(可选)

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

要仅删除角度:

npm remove -g @angular/cli
ログイン後にコピー

要删除 Nodejs 和 NPM,请执行以下操作:

winget uninstall OpenJS.NodeJS.LTS
ログイン後にコピー

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

ソース:yundongfang.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート