购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.1 开发环境准备

开发Angular应用,需要准备必要的环境。

2.1.1 安装Node.js和npm

如果你的计算机里没有Node.js和npm,请安装它们。

1. 为什么需要安装 Node.js npm

为什么需要安装Node.js和npm呢?如果你熟悉Java,那么你一定知道Maven。Node.js与npm的关系就如同Java与Maven的关系。

● Node.js与Java都是运行应用的平台,都运行在虚拟机中。Node.js基于Google V8引擎,而Java基于JVM。

● npm与Maven类似,都用于依赖管理。npm管理JavaScript库,而Maven管理Java库。

2. 安装步骤

Node.js的下载地址为https://nodejs.org/en/download/。

在写作本书时,Node.js的最新版本为10.9.0(包含了npm 6.2.0)。为了能够享受最新的Angular开发所带来的乐趣,请安装最新版本的Node.js和npm。

Node.js的安装比较简单,请按图2-1至图2-4所示的步骤来进行安装。

图2-1 步骤1

图2-2 步骤2

图2-3 步骤3

图2-4 步骤4

安装完成之后,请先在终端/控制台窗口中运行命令“node-v”和“npm-v”,来验证安装是否正确,如图2-5所示。

图2-5 验证安装是否正确

2.1.2 设置npm镜像

npm默认从国外的npm源来获取和下载包信息。鉴于网络原因,有时可能无法正常访问国外的npm源,从而导致无法正常安装软件。

可以采用国内的npm镜像来解决网速慢的问题。在终端上,通过以下命令来设置npm镜像:其他更多设置方式,可以参考笔者的博客https://waylau.com/faster-npm/。

2.1.3 选择合适的IDE

如果你是一名前端工程师,那么你不必花太多时间来安装IDE,用平时熟悉的IDE来开发Angular应用即可。比如,前端工程师经常会选择诸如Visual Studio Code、Eclipse、WebStorm、Sublime Text等IDE。理论上,开发Angular应用不会对开发工具有任何限制,甚至可以直接使用文本编辑器来开发。

如果你是一名初级的前端工程师,或者不知道如何来选择IDE,那么笔者建议你尝试一下Visual Studio Code。Visual Studio Code的下载地址为https://code.visualstudio.com。

提示:

Visual Studio Code与TypeScript都是由微软出品的,对TypeScript和Angular编程有着一流的支持,而且这款IDE是免费的,你可以随时下载使用。选择适合自己的IDE有助于提升编程质量和开发效率。

2.1.4 安装Angular CLI

Angular CLI是一个命令行界面工具,它可以创建项目、添加文件及执行一大堆开发任务,比如测试、打包和发布Angular应用。

可通过npm采用全局安装的方式来安装Angular CLI,具体命令如下:

如果看到控制台上输出如下内容,则说明Angular CLI已经安装成功。 A5lRXjRcAxRXHjTvB+KUCCe5zHELRztb4heV3wb0DlEUNDxEl7o0eVy/tpgKblM4

点击中间区域
呼出菜单
上一章
目录
下一章
×