Question

现在我们要开始安装运行 Ionic 应用所必需的软件了。

安装 Node.js

由于 Ionic 的命令行工具和构建任务需要用到 Node.js，那么我们第一个需要安装的就是他了：

1. 导航至网站 https://nodejs.org/
2. 点击主页上的安装按钮就会自动下载你当前操作系统对于的安装包。或者可以导航到 https://nodejs.org/download 然后下载指定的副本。
3. 直接执行安装包就可以安装 Node.js 了

为了验证 Node.js 是否安装成功了，打开一个 Terminal 终端（*nix 系统）或者 Prompt（Windows 系统）然后运行如下命令：

node -v

安装成功的话你就可以看到 Node.js 的版本了。接下来执行这个命令：

npm -v

你应该会看到 npm 的版本：

npm 是 Node Package Manager（Node 包管理器），我们将使用他来为我们的 Ionic 项目下载不同的依赖包。

你只是在开发期间需要 Node.js。上面图片显示的版本号只是为了展示正确的输出。你自己的版本有可能跟这里的版本一样，或者更新一些。 本章其他版本号的显示也是同理。

安装 Git

Git 是一个开源的免费版本控制系统。在我们的案例中，我们会使用一个名为 Bower 的包管理器，这个管理器就是用 Git 下载需要的库的。 同时 Ionic CLI 也是使用 Git 下载项目模板的。

导航至 http://git-scm.com/downloads ，下载对应平台的安装包，然后就可以安装了。 一旦你完成了安装，你就可以去你的终端/命令行运行如下命令：

git  --version

你将会看到如下输出：

安装 Bower

我们将会使用 Bower 来管理我们应用的依赖库。Bower 是一个与 npm 一样的包管理器，只是过他 liner/flat（线性/平面）。 这种包管理器更适合去下载网页开发所需的素材。
Bower 是建立在 Node.js 之上的。为了全局安装 Bower，在终端/命令行里输入：

npm install -g bower

如果你需要 sudo 来运行上面的命令，请重新检查你的 npm 安装。 想要忽略 sudo 进行 npm 全局安装，请参考： http://competa.com/blog/2014/12/how-to-run-npm-without-sudo/

一旦 Bower 安装成功，你可以同样通过以下口令去验证：

bower -v

安装 Gulp

接下来，我们将要安装 Gulp ，这是一个基于 Node.js 的构建系统。 他会将很多单调无聊的任务自动化处理。
例如，当你的网络项目准备好的时候，你可能想要压缩 CSS，JS 和 HTML 文件，为 Web 进行图片优化，将代码推送到你的生产环境； 在此情景下，Gulp 就是你需要的工具。
Gulp 有很多插件用来自动处理你大部分的单调的任务，他主要得益与开源社区的驱动。 在 Ionic 中，我们主要用 Gulp 来将 SCSS 代码转换成 CSS。我们利用 SCSS 代码定制 Ionic 视觉元素。 在第四章 Ionic 与 SCSS 中，我们会了解更多此方面的事宜。
为能全局安装 gulp，运行如下命令：

npm install gulp -g

对于 *nix 系统，运行这个命令：

sudo npm install gulp -g

一旦 Gulp 成功安装，我们同样可以使用以下命令去验证：

gulp -v

安装 Sublime Text

这完全是个可选的安装。因为每个人都有他自己喜欢的文本编辑器。在用了一些其他的文本编辑器之后，我深深的爱上了 Sublime Text， 纯粹是因为他的简单，还有很多的 Plug 和 Play 包。

如果你想试试这个编辑器，请导航至 http://www.sublimetext.com/3 下载 Sublime Text 3

安装 Cordova 和 Ionic CLI

最后，为了完成 Ionic 安装，我们需要安装 Ionic CLI。Ionic CLI 是一个包装了 Cordova CLI 以及一些额外功能的包装。

本书中所有范例代码使用的是 Cordova 5.0.0， Ionic CLI 版本 1.5.0，Ionic 版本 1.0.0（uranium-unicorn）

运行一下命令就可以安装 Ionic CLI 了：

npm install cordova@5.0.0 ionic@1.5.0 -g

验证安装是否成功可以运行如下命令：

cordova –v

同时也可以用这个命令：

ionic –v

如果好奇 Ionic CLI 里面有些什么，试试这个命令:

ionic

你将会看到这么一对任务：

上面的截屏由于尺寸问题显示不完全，ionic 还有其他一些任务

你可以阅读以下每个任务的解释以了解他们分别是做什么的。需要注意的是，其中有些任务时至今日仍是 beta（试用）状态。

做完以上这些事情，我们已经安装好所有 Ionic 开发需要的软件了。