6. 附录
本文将说明如何在 Windows 7 系统上安装本文档中使用的工具。
6.1. 安装 STS(Spring Tool Suite)
我们将安装 SpringSource Tool Suite [http://www.springsource.com/developer/sts],这是一个预装了大量与 Spring 框架相关插件,并预置了 Maven 配置的 Eclipse 环境。
![]() |
- 请访问 SpringSource Tool Suite (STS) 网站 [1],下载 STS 的最新版本 [2A] [2B]。
![]() |
![]() |
- 下载的文件是一个安装程序,它会创建文件目录结构 [3A] [3B]。在 [4] 中,我们运行可执行文件,
- 在[5]中,关闭欢迎窗口后显示的IDE工作区窗口。在[6]中,显示应用服务器窗口,
![]() |
- 在[7]中,显示服务器窗口。已注册一台服务器,这是一台兼容Tomcat的VMware服务器。
第 1.3.2 节介绍了在应用程序中使用 STS 的方法。
6.2. [ WampServer]的安装
[WampServer] 是一款用于在 Windows 系统上进行 PHP/MySQL/Apache 开发的软件包。我们将仅将其用于 MySQL 数据库管理系统。
![]() |
- 在 [WampServer] 网站 [1] 上,选择合适的版本 [2],
- 下载的可执行文件是一个安装程序。安装过程中会要求您提供各种信息。这些信息与 MySQL 无关,因此您可以忽略它们。安装结束时会出现窗口 [3]。启动 [WampServer],
![]() |
- 此时,[4] 处屏幕右下角的任务栏中会出现 [WampServer] 图标 [4],
- 点击该图标后,将显示 [5] 菜单。该菜单允许您管理 Apache 服务器和 MySQL 数据库管理系统。若要管理后者,请使用 [PhpMyAdmin] 选项,
- 这将打开如下所示的窗口,

我们将简要介绍 [PhpMyAdmin] 的使用方法。在第 1.3.1 节中,我们将演示如何使用它来创建应用程序的数据库。
6.3. 安装 [WebStorm]
[WebStorm] (WS) 是 JetBrains 开发的一款用于开发 HTML/CSS/JS 应用程序的集成开发环境 (IDE)。我发现它非常适合开发 Angular 应用程序。下载地址为 [http://www.jetbrains.com/webstorm/download/]。这是一款付费 IDE,但提供 30 天的试用版供下载。此外还有价格实惠的个人版和学生版。
第 1.3.3 节将详细介绍其在应用程序中的使用方法。为了在应用程序中安装 JS 库,WS 会使用一个名为 [bower] 的工具。该工具是 [node.js](一个 JS 库集合)的模块。此外,JS 库还会从 Git 仓库中获取,因此执行下载的机器上需要安装 Git 客户端。
6.3.1. 安装 [node.js]
[node.js] 的下载地址为 [http://nodejs.org/]。下载安装程序并运行即可。目前只需完成这一步。
6.3.2. 安装 [bower] 工具
[bower] 工具可用于下载 JavaScript 库,有多种安装方式。我们将通过命令行进行安装:
C:\Users\Serge Tahé>npm install -g bower
C:\Users\Serge Tahé\AppData\Roaming\npm\bower -> C:\Users\Serge Tahé\AppData\Roaming\npm\node_modules\bower\bin\bower
bower@1.3.7 C:\Users\Serge Tahé\AppData\Roaming\npm\node_modules\bower
├── stringify-object@0.2.1
├── is-root@0.1.0
├── junk@0.3.0
...
├── insight@0.3.1 (object-assign@0.1.2, async@0.2.10, lodash.debounce@2.4.1, req
uest@2.27.0, configstore@0.2.3, inquirer@0.4.1)
├── mout@0.9.1
└── inquirer@0.5.1 (readline2@0.1.0, mute-stream@0.0.4, through@2.3.4, async@0.8
.0, lodash@2.4.1, cli-color@0.3.2)
- 第 1 行:用于安装 [bower] 模块的 [node.js] 命令。要使该命令生效,[npm] 可执行文件必须位于计算机的 PATH 环境变量中(参见下文);
6.3.3. 安装 [Git]
Git 是一个软件版本控制系统。有一个名为 [msysgit] 的 Windows 版本,可在 URL [http://msysgit.github.io/] 获取。我们不会使用 [msysgit] 来管理应用程序的版本,而是仅用于下载 [https://github.com] 等网站上的 JS 库,这些库需要 [msysgit] 客户端提供的特殊访问协议
安装向导包含以下几个步骤:
![]() | ![]() |
对于其余的安装步骤,您可以接受系统提供的默认值。
Git 安装完成后,请确认其可执行文件已添加到计算机的 PATH 环境变量中:[控制面板 / 系统和安全 / 系统 / 高级系统设置]:
![]() | ![]() |
PATH 变量如下所示:
D:\Programs\devjava\java\jdk1.7.0\bin;D:\Programs\ActivePerl\Perl64\site\bin;D:\Programs\ActivePerl\Perl64\bin;D:\Programs\sgbd\OracleXE\app\oracle\product\11.2.0\client;D:\Programs\sgbd\OracleXE\app\oracle\product\11.2.0\client\bin;D:\Programs\sgbd\OracleXE\app\oracle\product\11.2.0\server\bin;...;D:\Programs\javascript\node.js\;D:\Programs\utilitaires\Git\cmd
请确认:
- [node.js] 安装文件夹的路径是否存在(此处为 D:\Programs\javascript\node.js);
- Git 客户端可执行文件的路径是否存在(此处为 D:\Program Files\Utilities\Git\cmd);
6.3.4. 配置 [WebStorm]
现在让我们检查 [WebStorm] 的配置
![]() | ![]() |
![]() |
在上方的选项中,请选择 [1]。已安装的 [node.js] 模块列表将显示在 [2] 中。如果您按照之前的安装步骤操作,该列表中仅应包含 [3] 这一行,即 [bower] 模块。
6.4. 安装 Android 模拟器
Android SDK 随附的模拟器运行缓慢,因此不建议使用。公司 [Genymotion] 提供了一款功能更强大的模拟器。可通过以下网址获取:[https://cloud.genymotion.com/page/launchpad/download/]
(2014年2月)。
您需要注册才能获取个人版。请下载包含 VirtualBox 虚拟机的 [Genymotion] 产品;

安装并启动 [Genymotion]。接下来,下载平板电脑或手机的镜像:
![]() |
- 在 [1] 中,添加一个虚拟设备;
- 在 [2] 中,选择一个或多个设备进行安装。您可以通过指定所需的 Android 版本 [3] 和设备型号 [4] 来筛选显示的列表;
![]() |
- 下载完成后,您将看到 [5] 一份可用于测试 Android 应用的虚拟设备列表;
6.5. 安装 Chrome [Advanced Rest Client] 插件
本文档中,我们使用 Google 的 Chrome 浏览器(http://www.google.fr/intl/fr/chrome/browser/)。我们将向其中添加 [ 高级 REST 客户端] 扩展程序。具体操作如下:
- 使用 Chrome 浏览器访问 [Google 应用商店] (https://chrome.google.com/webstore);
- 搜索 [Advanced Rest Client] 应用:
![]() |
- 随后即可下载该应用:
![]() |
- 要获取该应用,您需要创建一个 Google 账户。随后 [Google 应用商店] 会要求您进行确认 [1]:
![]() |
- 在[2]处,已添加的扩展程序可在[应用]选项[3]中找到。该选项会显示在您通过浏览器创建的每个新标签页(CTRL-T)上。

















