Angularのインストールと環境のセットアップ

この記事は2021年の半ば頃に書かれ、以前は次の名前が付けられていました。

当時、私はAngularをフロントエンドとしてレガシーアプリをWebアプリケーションに書き直すプロジェクトに参加していました。同社は、ソフトウェアセンターのインストールリストにないソフトウェアのインストールについて、開発者に対しても非常に厳格なポリシーを持っていました。残念ながら、node.jsはそうではありませんでした。これは、npmを介してAngularをインストールするための必須条件です。その後、セキュリティ部門のチェックに合格するという大きな問題が発生しました。

この時点で、私は多くの調査を行い、node.jsをインストールしないなど、「検閲」を回避する方法があるかどうかを確認する必要がありました。私はいくつかの情報を収集し、記事のフレームnpmを、糸の関連情報とともに作成しました--- npmのような同様の名前付けツールであり、これはより良いかもしれません。次に、Angularをインストールして、記事の作成を停止しました。 

記事を書き直して、新しいトピック「Angularインストールと環境セットアップ」で終了します。過去4〜5年間に収集したAngularインストールに関するすべての情報を要約します。検索した情報は参考として下部に残しておきます。

序章

Angularは、 TypeScript上に構築された開発プラットフォームです 。プラットフォームとして、Angularには次のものが含まれます。

  • スケーラブルなWebアプリケーションを構築するためのコンポーネントベースのフレームワーク。
  • ルーティング、フォーム管理、クライアント/サーバー通信など、さまざまな機能をカバーする、十分に統合されたライブラリのコレクション。
  • コードの開発、ビルド、テスト、更新を支援する一連の開発者ツール。

この記事には以下が含まれます。

  • 序章
  • A- Node.js ---JavaScriptランタイム
  • B-- npm  ---ノードパッケージ管理
  • C- TypeScript ---オプションの入力を含むJavaScript
  • D --Angular ---TypeScript上に構築された開発プラットフォーム
  • E-角度のあるインストール
    • インストール
    • 特定のバージョンのアンインストールとインストール
  • F-Angular関連 
    • npmを使用してAngularを実行します。
    • Angular CLI
    • バージョンテスト

A-Node.js---JavaScriptランタイム

TypeScriptをインストールするには、Node.jsをインストールする必要があります。

Node.js®は、 ChromeのV8JavaScriptエンジン上に構築され たJavaScriptランタイムです。

Node.jsは、オープンソースのクロスプラットフォームのバックエンドJavaScriptランタイム環境であり、V8エンジンで実行され、Webブラウザーの外部でJavaScriptコードを実行します。Node.jsを使用すると、開発者はJavaScriptを使用してコマンドラインツールとサーバーサイドスクリプトを記述できます。サーバーサイドでスクリプトを実行して、ページがユーザーのWebブラウザーに送信される前に動的なWebページコンテンツを生成します。その結果、Node.jsは「 JavaScripteverywhere」パラダイムを表し、サーバー側とクライアント側のスクリプトの異なる言語ではなく、単一のプログラミング言語を中心にWebアプリケーション開発を統合します。

Node.js  (wiki)は 、 Webブラウザー の外部でJavaScriptコードを実行する 、オープンソースの クロスプラットフォームの JavaScriptランタイム環境(フレームワーク)です。Node.jsを使用すると、開発者はJavaScriptを使用して、コマンドラインツールを記述したり、 サーバーサイドスクリプトを実行したりできます。サーバーサイドでスクリプトを実行 して、ページがユーザーのWebブラウザーに送信される前に 動的なWebページコンテンツを生成し ます。

Node.jsのインストール: ダウンロード| Node.js(nodejs.org)

最新のLTSバージョン:  16.15.1  (npm 8.11.0を含む)

注:エラーが発生する最新の機能、たとえばv18.3.0をインストールしないでください。

B-NPM---ノードパッケージ管理

npmとは何ですか?

npm は、世界最大の ソフトウェアライブラリ (レジストリ)です。800,000を超える コードパッケージが含まれています。

npm は、ソフトウェアの パッケージマネージャー および インストーラーでもあります

npm  (Node Package Manager )という名前 は、npmがNode.jsのパッケージマネージャーとして最初に作成されたときの由来です。

オープンソース 開発者は、  npmを使用してソフトウェア を 共有し ます。

npm は無料で使用できます。

npm は Node.jsとともにインストールされます

npm  (wiki )(元々はNode Package Managerの略 )は 、 JavaScript プログラミング言語のパッケージマネージャー です 。これは、JavaScriptランタイム環境 Node.jsのデフォルトのパッケージマネージャーです。これは、npmとも呼ばれるコマンドラインクライアント  と、npmレジストリと呼ばれるパブリックパッケージと有料プライベートパッケージのオンラインデータベースで構成されています。レジストリにはクライアントを介してアクセスし、利用可能なパッケージはnpmWebサイトを介して参照および検索できます。パッケージマネージャーとレジストリはnpm、Incによって管理されています。

npmドキュメント

TypeScriptをインストールします:  

npm install -g typescript

npmをインストールし ます。

npm install -g npm

npmを新しいバージョンに更新します:  

npm install npm@7.5.6 -g

AngularCLIをインストールします。 

npm install -g @angular/cli

C-TypeScript---オプションの入力を含むJavaScript

TypeScriptは、プレーンJavaScriptにコンパイルされるJavaScriptの型付きスーパーセットです。

TypeScriptは、オプションの入力機能を備えたJavaScriptです。TypeScriptはコンパイルされた言語であり、実行時に解釈されません。TypeScriptコンパイラはTypeScriptファイル(.ts)を受け取り、JavaScriptファイル(.js)にコンパイルします

TypeScriptは、 Microsoftが所有および保守しているプログラミング言語です。これはオープンソースであり、オブジェクト指向プログラミング言語でもあります。TypeScriptは、  クラス、モジュール、インターフェイス、タイプなどのコンポーネントとともにJavaScriptのすべての要素を含むため、JavaScriptのスーパーセットです。TypeScriptの主な機能は、静的型付けアプローチです。typeInstall the Angular CLI、npm install -g @ angle / cliScriptは、2012年10月にMicrosoftによって最初に導入されました。

TypeScript wiki)はJavaScriptの厳密な構文上のスーパーセットであり、オプションの静的型付けを言語に追加します。TypeScriptは、大規模なアプリケーションの開発用に設計されており、JavaScriptにトランスコンパイルします。TypeScriptはJavaScriptのスーパーセットであるため、既存のJavaScriptプログラムも有効なTypeScriptプログラムです。

TypeScriptをインストールします

TypeScriptは、 NPMパッケージマネージャーを介してインストールできます。

npm install -g typescript


-gは、TypeScriptコンパイラを任意のプロジェクトで使用できるように、システムにグローバルにインストールされることを意味します。

 tsc -v  // check typeScript version

D-Angular---TypeScript上に構築された開発プラットフォーム

AngularJS  (wiki)は、  JavaScriptベース のオープンソース フロントエンド Webフレームワークであり、シングルページアプリケーションの開発で遭遇する多くの課題に対処するために、主にGoogle と個人および企業のコミュニティによって  維持され ています。リッチインターネットアプリケーション で一般的に使用されるコンポーネントとともに、  クライアント側の モデル-ビュー-コントローラー (MVC)および モデル-ビュー-ビューモデル(MVVM)アーキテクチャーのフレームワークを提供することにより、このようなアプリケーションの開発とテストの両方を簡素化することを目的としてい ます。

Angular   (wiki)(一般に「Angular2+」または「Angularv2以降」と呼ばれます)は、  Google のAngularチーム  と個人および企業のコミュニティが主導するTypeScriptベース のオープンソース Webアプリケーションフレームワークです。Angularは、  AngularJSを構築したのと同じチームからの完全な書き直しです。

E-角度のあるインストール

1、  Angular CLIをインストールします:および基本的なAngularコマンド

CLIのAngularコマンド:

Angular CLIをインストールするには、 

npm install -g @angular/cli

新しいワークスペースと最初のスターターアプリを作成するには: 

ng new my-first-project

アプリを実行するには: 

cd my-first-project,  ng serve -o,

ヘルプ:

ng help, ng help ng generate --help

建てる: 

ng build my-app -c production,

生成:   

ng generate component name ,  ng generate service name,

バージョン:   

ng version or  ng v,

F-Angular関連

1、 NPMを使用してAngularアプリを実行します。

 プロジェクトのルートフォルダー(package.jsonがある場所)のコマンドラインからnpminstallまたはnpmiを実行して、必要なすべてのnpmパッケージをインストールし ます。---これは1によって行われ、Node.jsとnpmをインストールします

プロジェクトルートフォルダーのコマンドラインからnpmstartを実行してアプリを起動します。これにより、Angularアプリがコンパイルされ、ブラウザーのURL  http:// localhost:4200で自動的に起動されます。

npm:npm start〜angular:ngserve ブラウザは起動されません)で、ブラウザ起動コマンドをngserve-oまたはngserve-openにします

 2、Angulare CLI

AngularCLIツールによるローカル環境とワークスペースのAngular 。Angular C ommand L ine  Interface _

TypeScriptの知識  は役に立ちますが、必須ではありません。

LTS のリリースステータスは「長期サポート」です 。nodejs.orgからダウンロードしてください。  npmパッケージ 

Aangularをローカルで実行するには、コンピューターに以下をインストールする必要があります。

  • Node.js。 _ システムで実行されているNode.jsのバージョンを確認し、node -vを実行し、npm -vでnpmのバージョンを確認します
  • AngularCLI。_ ターミナルから、次のコマンドを使用してAngularCLIをグローバルにインストールします
    。npminstall-g @ angle / cli

Angular CLIを使用すると、コマンドngを使用して、新しいワークスペースや新しいプロジェクトを作成したり、開発中にアプリケーションを提供したり、ビルドを作成して共有または配布したりできます。

  

3、 テスト

  • テストノード。 Nodeがインストールされているかどうかを確認するには、Windowsコマンドプロンプト、Powershell、または同様のコマンドラインツールを開き、node-vと入力します。これによりバージョン番号が出力されるため、このv0.10.35のようなものが表示されます。
  • NPMをテストします。 NPMがインストールされているかどうかを確認するには、ターミナルでnpm-vと入力します。これにより、NPMのバージョン番号が出力されるため、この1.4.28のようなものが表示されます。
  • テストファイルを作成して実行します。 node.jsが機能することをテストする簡単な方法は、JavaScriptファイルを作成することです。hello.jsという名前を付け、コードconsole.log('Node is installed!');を追加するだけです。コードを実行するには、コマンドラインプログラムを開き、ファイルを保存するフォルダーに移動して、nodehello.jsと入力します。これにより、Nodeが起動し、hello.jsファイルのコードが実行されます。出力ノードがインストールされていることがわかります!。

概要

この記事では、Angularのインストールとセットアップについて説明します。

  • Angularはnpmによってインストールされます
  • npmはnode.jsによってインストールされます
  • AngularのインストールにはTypeScriptは必要ありません

 このストーリーは、もともとhttps://www.c-sharpcorner.com/article/npm-node-package-manager/で公開されました

#npm #node #packaging 

What is GEEK

Buddha Community

Angularのインストールと環境のセットアップ

Angularのインストールと環境のセットアップ

この記事は2021年の半ば頃に書かれ、以前は次の名前が付けられていました。

当時、私はAngularをフロントエンドとしてレガシーアプリをWebアプリケーションに書き直すプロジェクトに参加していました。同社は、ソフトウェアセンターのインストールリストにないソフトウェアのインストールについて、開発者に対しても非常に厳格なポリシーを持っていました。残念ながら、node.jsはそうではありませんでした。これは、npmを介してAngularをインストールするための必須条件です。その後、セキュリティ部門のチェックに合格するという大きな問題が発生しました。

この時点で、私は多くの調査を行い、node.jsをインストールしないなど、「検閲」を回避する方法があるかどうかを確認する必要がありました。私はいくつかの情報を収集し、記事のフレームnpmを、糸の関連情報とともに作成しました--- npmのような同様の名前付けツールであり、これはより良いかもしれません。次に、Angularをインストールして、記事の作成を停止しました。 

記事を書き直して、新しいトピック「Angularインストールと環境セットアップ」で終了します。過去4〜5年間に収集したAngularインストールに関するすべての情報を要約します。検索した情報は参考として下部に残しておきます。

序章

Angularは、 TypeScript上に構築された開発プラットフォームです 。プラットフォームとして、Angularには次のものが含まれます。

  • スケーラブルなWebアプリケーションを構築するためのコンポーネントベースのフレームワーク。
  • ルーティング、フォーム管理、クライアント/サーバー通信など、さまざまな機能をカバーする、十分に統合されたライブラリのコレクション。
  • コードの開発、ビルド、テスト、更新を支援する一連の開発者ツール。

この記事には以下が含まれます。

  • 序章
  • A- Node.js ---JavaScriptランタイム
  • B-- npm  ---ノードパッケージ管理
  • C- TypeScript ---オプションの入力を含むJavaScript
  • D --Angular ---TypeScript上に構築された開発プラットフォーム
  • E-角度のあるインストール
    • インストール
    • 特定のバージョンのアンインストールとインストール
  • F-Angular関連 
    • npmを使用してAngularを実行します。
    • Angular CLI
    • バージョンテスト

A-Node.js---JavaScriptランタイム

TypeScriptをインストールするには、Node.jsをインストールする必要があります。

Node.js®は、 ChromeのV8JavaScriptエンジン上に構築され たJavaScriptランタイムです。

Node.jsは、オープンソースのクロスプラットフォームのバックエンドJavaScriptランタイム環境であり、V8エンジンで実行され、Webブラウザーの外部でJavaScriptコードを実行します。Node.jsを使用すると、開発者はJavaScriptを使用してコマンドラインツールとサーバーサイドスクリプトを記述できます。サーバーサイドでスクリプトを実行して、ページがユーザーのWebブラウザーに送信される前に動的なWebページコンテンツを生成します。その結果、Node.jsは「 JavaScripteverywhere」パラダイムを表し、サーバー側とクライアント側のスクリプトの異なる言語ではなく、単一のプログラミング言語を中心にWebアプリケーション開発を統合します。

Node.js  (wiki)は 、 Webブラウザー の外部でJavaScriptコードを実行する 、オープンソースの クロスプラットフォームの JavaScriptランタイム環境(フレームワーク)です。Node.jsを使用すると、開発者はJavaScriptを使用して、コマンドラインツールを記述したり、 サーバーサイドスクリプトを実行したりできます。サーバーサイドでスクリプトを実行 して、ページがユーザーのWebブラウザーに送信される前に 動的なWebページコンテンツを生成し ます。

Node.jsのインストール: ダウンロード| Node.js(nodejs.org)

最新のLTSバージョン:  16.15.1  (npm 8.11.0を含む)

注:エラーが発生する最新の機能、たとえばv18.3.0をインストールしないでください。

B-NPM---ノードパッケージ管理

npmとは何ですか?

npm は、世界最大の ソフトウェアライブラリ (レジストリ)です。800,000を超える コードパッケージが含まれています。

npm は、ソフトウェアの パッケージマネージャー および インストーラーでもあります

npm  (Node Package Manager )という名前 は、npmがNode.jsのパッケージマネージャーとして最初に作成されたときの由来です。

オープンソース 開発者は、  npmを使用してソフトウェア を 共有し ます。

npm は無料で使用できます。

npm は Node.jsとともにインストールされます

npm  (wiki )(元々はNode Package Managerの略 )は 、 JavaScript プログラミング言語のパッケージマネージャー です 。これは、JavaScriptランタイム環境 Node.jsのデフォルトのパッケージマネージャーです。これは、npmとも呼ばれるコマンドラインクライアント  と、npmレジストリと呼ばれるパブリックパッケージと有料プライベートパッケージのオンラインデータベースで構成されています。レジストリにはクライアントを介してアクセスし、利用可能なパッケージはnpmWebサイトを介して参照および検索できます。パッケージマネージャーとレジストリはnpm、Incによって管理されています。

npmドキュメント

TypeScriptをインストールします:  

npm install -g typescript

npmをインストールし ます。

npm install -g npm

npmを新しいバージョンに更新します:  

npm install npm@7.5.6 -g

AngularCLIをインストールします。 

npm install -g @angular/cli

C-TypeScript---オプションの入力を含むJavaScript

TypeScriptは、プレーンJavaScriptにコンパイルされるJavaScriptの型付きスーパーセットです。

TypeScriptは、オプションの入力機能を備えたJavaScriptです。TypeScriptはコンパイルされた言語であり、実行時に解釈されません。TypeScriptコンパイラはTypeScriptファイル(.ts)を受け取り、JavaScriptファイル(.js)にコンパイルします

TypeScriptは、 Microsoftが所有および保守しているプログラミング言語です。これはオープンソースであり、オブジェクト指向プログラミング言語でもあります。TypeScriptは、  クラス、モジュール、インターフェイス、タイプなどのコンポーネントとともにJavaScriptのすべての要素を含むため、JavaScriptのスーパーセットです。TypeScriptの主な機能は、静的型付けアプローチです。typeInstall the Angular CLI、npm install -g @ angle / cliScriptは、2012年10月にMicrosoftによって最初に導入されました。

TypeScript wiki)はJavaScriptの厳密な構文上のスーパーセットであり、オプションの静的型付けを言語に追加します。TypeScriptは、大規模なアプリケーションの開発用に設計されており、JavaScriptにトランスコンパイルします。TypeScriptはJavaScriptのスーパーセットであるため、既存のJavaScriptプログラムも有効なTypeScriptプログラムです。

TypeScriptをインストールします

TypeScriptは、 NPMパッケージマネージャーを介してインストールできます。

npm install -g typescript


-gは、TypeScriptコンパイラを任意のプロジェクトで使用できるように、システムにグローバルにインストールされることを意味します。

 tsc -v  // check typeScript version

D-Angular---TypeScript上に構築された開発プラットフォーム

AngularJS  (wiki)は、  JavaScriptベース のオープンソース フロントエンド Webフレームワークであり、シングルページアプリケーションの開発で遭遇する多くの課題に対処するために、主にGoogle と個人および企業のコミュニティによって  維持され ています。リッチインターネットアプリケーション で一般的に使用されるコンポーネントとともに、  クライアント側の モデル-ビュー-コントローラー (MVC)および モデル-ビュー-ビューモデル(MVVM)アーキテクチャーのフレームワークを提供することにより、このようなアプリケーションの開発とテストの両方を簡素化することを目的としてい ます。

Angular   (wiki)(一般に「Angular2+」または「Angularv2以降」と呼ばれます)は、  Google のAngularチーム  と個人および企業のコミュニティが主導するTypeScriptベース のオープンソース Webアプリケーションフレームワークです。Angularは、  AngularJSを構築したのと同じチームからの完全な書き直しです。

E-角度のあるインストール

1、  Angular CLIをインストールします:および基本的なAngularコマンド

CLIのAngularコマンド:

Angular CLIをインストールするには、 

npm install -g @angular/cli

新しいワークスペースと最初のスターターアプリを作成するには: 

ng new my-first-project

アプリを実行するには: 

cd my-first-project,  ng serve -o,

ヘルプ:

ng help, ng help ng generate --help

建てる: 

ng build my-app -c production,

生成:   

ng generate component name ,  ng generate service name,

バージョン:   

ng version or  ng v,

F-Angular関連

1、 NPMを使用してAngularアプリを実行します。

 プロジェクトのルートフォルダー(package.jsonがある場所)のコマンドラインからnpminstallまたはnpmiを実行して、必要なすべてのnpmパッケージをインストールし ます。---これは1によって行われ、Node.jsとnpmをインストールします

プロジェクトルートフォルダーのコマンドラインからnpmstartを実行してアプリを起動します。これにより、Angularアプリがコンパイルされ、ブラウザーのURL  http:// localhost:4200で自動的に起動されます。

npm:npm start〜angular:ngserve ブラウザは起動されません)で、ブラウザ起動コマンドをngserve-oまたはngserve-openにします

 2、Angulare CLI

AngularCLIツールによるローカル環境とワークスペースのAngular 。Angular C ommand L ine  Interface _

TypeScriptの知識  は役に立ちますが、必須ではありません。

LTS のリリースステータスは「長期サポート」です 。nodejs.orgからダウンロードしてください。  npmパッケージ 

Aangularをローカルで実行するには、コンピューターに以下をインストールする必要があります。

  • Node.js。 _ システムで実行されているNode.jsのバージョンを確認し、node -vを実行し、npm -vでnpmのバージョンを確認します
  • AngularCLI。_ ターミナルから、次のコマンドを使用してAngularCLIをグローバルにインストールします
    。npminstall-g @ angle / cli

Angular CLIを使用すると、コマンドngを使用して、新しいワークスペースや新しいプロジェクトを作成したり、開発中にアプリケーションを提供したり、ビルドを作成して共有または配布したりできます。

  

3、 テスト

  • テストノード。 Nodeがインストールされているかどうかを確認するには、Windowsコマンドプロンプト、Powershell、または同様のコマンドラインツールを開き、node-vと入力します。これによりバージョン番号が出力されるため、このv0.10.35のようなものが表示されます。
  • NPMをテストします。 NPMがインストールされているかどうかを確認するには、ターミナルでnpm-vと入力します。これにより、NPMのバージョン番号が出力されるため、この1.4.28のようなものが表示されます。
  • テストファイルを作成して実行します。 node.jsが機能することをテストする簡単な方法は、JavaScriptファイルを作成することです。hello.jsという名前を付け、コードconsole.log('Node is installed!');を追加するだけです。コードを実行するには、コマンドラインプログラムを開き、ファイルを保存するフォルダーに移動して、nodehello.jsと入力します。これにより、Nodeが起動し、hello.jsファイルのコードが実行されます。出力ノードがインストールされていることがわかります!。

概要

この記事では、Angularのインストールとセットアップについて説明します。

  • Angularはnpmによってインストールされます
  • npmはnode.jsによってインストールされます
  • AngularのインストールにはTypeScriptは必要ありません

 このストーリーは、もともとhttps://www.c-sharpcorner.com/article/npm-node-package-manager/で公開されました

#npm #node #packaging