Angular Google Charts - 环境设置

本教程将指导您如何准备开发环境以开始使用Google Charts和Angular Framework.在本章中,我们将讨论Angular 6所需的环境设置.要安装Angular 6,我们需要以下 :

  • Nodejs

  • Npm

  • Angular CLI

  • 用于编写代码的IDE

Nodejs必须大于8.11且npm必须大于5.6.

Nodejs

To检查系统上是否安装了nodejs,在终端中键入 node -v .这将帮助您查看系统上当前安装的nodejs的版本.

C:\>node -v
v8.11.3

如果没有打印任何内容,请在系统上安装nodejs.要安装nodejs,请访问nodejs的主页 https://nodejs.org/en/download/并根据您的操作系统安装软件包.

根据您的操作系统,安装所需的软件包.一旦安装了nodejs,npm也将随之安装.要检查是否安装了npm,请在终端中键入npm -v.它应该显示npm的版本.

C:\>npm -v
5.6.0

在角度CLI的帮助下,Angular 6安装非常简单.访问角色 https://cli.angular.io/的主页,以获取命令.

Angular CLI

输入 npm install -g @ angular/cli ,在你的系统上安装angular cli.

安装Angular CLI

安装Angular CLI后,您将在终端中获得上述安装.您可以使用您选择的任何IDE,即WebStorm,Atom,Visual Studio Code等.

安装Google Charts Wrapper

运行以下命令命令在创建的项目中安装Google Charts Wrapper模块.

googleChartsApp> npm angular-google-charts

+ angular-google-charts@0.1.0
added 2 packages in 20.526s

在app.module.ts文件中添加以下条目

import { GoogleChartsModule } from 'angular-google-charts';

imports: [
   ...
   GoogleChartsModule
],