Angular-googlecharts-environment-setup
Angular Google Charts-環境設定
このチュートリアルでは、Google ChartとAngular Frameworkで作業を開始するための開発環境を準備する方法について説明します。 この章では、Angular 6に必要な環境設定について説明します。 Angular 6をインストールするには、次のものが必要です-
- ノード番号
- Npm
- 角度CLI
- コードを書くためのIDE
Nodejsは8.11より大きく、npmは5.6より大きくなければなりません。
ノード番号
nodejsがシステムにインストールされているかどうかを確認するには、ターミナルで node -v と入力します。 これは、現在システムにインストールされているnodejsのバージョンを確認するのに役立ちます。
C:\>node -v
v8.11.3
何も印刷されない場合は、システムにnodejsをインストールします。 nodejsをインストールするには、nodejsのホームページhttps://nodejs.org/en/download/にアクセスし、OSに基づいてパッケージをインストールします。
OSに基づいて、必要なパッケージをインストールします。 nodejsがインストールされると、npmも一緒にインストールされます。 npmがインストールされているかどうかを確認するには、ターミナルでnpm -vと入力します。 npmのバージョンが表示されます。
C:\>npm -v
5.6.0
Angular 6のインストールは、angular CLIを使用して非常に簡単です。 コマンドのリファレンスを取得するには、angularのホームページhttps://cli.angular.io/にアクセスしてください。
*npm install -g @ angular/cli* と入力して、システムにangle cliをインストールします。
Angular CLIをインストールすると、ターミナルに上記のインストールが取得されます。 任意のIDE、つまりWebStorm、Atom、Visual Studio Codeなどを使用できます。
Google Charts Wrapperをインストールする
次のコマンドを実行して、作成したプロジェクトにGoogle Charts Wrapperモジュールをインストールします。
googleChartsApp> npm angular-google-charts
+ [email protected]
added 2 packages in 20.526s
app.module.tsファイルに次のエントリを追加します
import { GoogleChartsModule } from 'angular-google-charts';
imports: [
...
GoogleChartsModule
],