开发Angular应用,需要准备必要的环境。
如果你的计算机里没有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 验证安装是否正确
npm默认从国外的npm源来获取和下载包信息。鉴于网络原因,有时可能无法正常访问国外的npm源,从而导致无法正常安装软件。
可以采用国内的npm镜像来解决网速慢的问题。在终端上,通过以下命令来设置npm镜像:其他更多设置方式,可以参考笔者的博客https://waylau.com/faster-npm/。
如果你是一名前端工程师,那么你不必花太多时间来安装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有助于提升编程质量和开发效率。
Angular CLI是一个命令行界面工具,它可以创建项目、添加文件及执行一大堆开发任务,比如测试、打包和发布Angular应用。
可通过npm采用全局安装的方式来安装Angular CLI,具体命令如下:
如果看到控制台上输出如下内容,则说明Angular CLI已经安装成功。