AngularCLI-環境のセットアップ

Angular CLIを使用するには、システムにNodeをインストールする必要があります。

Node.jsアーカイブをダウンロードする

Node.jsダウンロードから最新バージョンのNode.jsインストール可能アーカイブファイルをダウンロードします。このチュートリアルを書いている時点で、さまざまなOSで利用可能なバージョンは次のとおりです。

OS	アーカイブ名
ウィンドウズ	node-v6.3.1-x64.msi
Linux	node-v6.3.1-linux-x86.tar.gz
マック	node-v6.3.1-darwin-x86.tar.gz
SunOS	node-v6.3.1-sunos-x86.tar.gz

UNIX / Linux / Mac OS X、およびSunOSへのインストール

OSアーキテクチャに基づいて、アーカイブノードをダウンロードして抽出します-v6.3.1-osname.tar.gzを/ tmpに移動し、最後に抽出したファイルを/ usr / local / nodejsディレクトリに移動します。例えば：

$ cd /tmp
$ wget http://nodejs.org/dist/v6.3.1/node-v6.3.1-linux-x64.tar.gz
$ tar xvfz node-v6.3.1-linux-x64.tar.gz
$ mkdir -p /usr/local/nodejs
$ mv node-v6.3.1-linux-x64/* /usr/local/nodejs

/ usr / local / nodejs / binをPATH環境変数に追加します。

OS	出力
Linux	export PATH = $ PATH：/ usr / local / nodejs / bin
マック	export PATH = $ PATH：/ usr / local / nodejs / bin
FreeBSD	export PATH = $ PATH：/ usr / local / nodejs / bin

Windowsへのインストール

MSIファイルを使用し、プロンプトに従ってNode.jsをインストールします。デフォルトでは、インストーラーはC：\ Program Files \ nodejsにあるNode.jsディストリビューションを使用します。インストーラーは、ウィンドウのPATH環境変数にC：\ Program Files \ nodejs \ binディレクトリを設定する必要があります。変更を有効にするために、開いているコマンドプロンプトを再起動します。

インストールの確認：ファイルの実行

名前の付いたjsファイルを作成します main.js 次のコードを持つマシン（WindowsまたはLinux）上。

/* Hello, World! program in node.js */
console.log("Hello, World!")

次に、Node.jsインタープリターを使用してmain.jsファイルを実行し、結果を確認します-

$ node main.js

インストールに問題がない場合は、次の結果が得られます-

Hello, World!

これでノードがインストールされました。次のコマンドを実行してAngularCLIをインストールします。

同じように次のコマンドを使用しましょう-

npm install -g @angular/cli

インストールを確認する

次のコマンドを実行して、結果を確認します-

$ ng --version

インストールに問題がない場合は、次の結果が得られます-

_                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / ? \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 9.1.0
Node: 12.16.1
OS: win32 x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.901.0
@angular-devkit/core         9.1.0
@angular-devkit/schematics   9.1.0
@schematics/angular          9.1.0
@schematics/update           0.901.0
rxjs                         6.5.4

Windowsでは、ngが内部コマンドまたは外部コマンドとして認識されない場合は、システムパス変数を更新して次のパスを含めます。

C:\Users\<User Directory>\AppData\Roaming\npm