Ionic2环境配置

基本步骤

首先按照官方文档给出的基本步骤来：

首先要安装Node.js,下载对应的版本安装就可以了，安装完成后命令行输入 node -v 来查看是否安装完成。

然后使用Node.js的包管理工具npm（可以理解为下载器）下载安装ionic，ionic依赖cordova，在命令行输入命令 $ npm install -g ionic cordova 安装。完成后输入 ionic -v 和 cordova -v 查看是否安装完成。

新建一个ionic文件夹，命令行切换到该文件夹，输入命令 ionic start demo –v2 创建一个名为demo的项目（–v2声明项目基于Ionic2）。

切换到demo文件夹，命令行输入 ionic serve编译启动项目。

到这里就完成Ionic环境配置和项目的初始化了。

国内配置

但是如果按照官方文档就可以这么轻松完成的话，这篇博文就没有什么意义了。我们使用npm下载Ionic的时候和初始化项目的时候都会访问国外的网络，由于国内网络环境的原因，我们基本上是会卡到死的，别说初始化项目，下载安装Ionic都有大问题。网上有很多方法，我这里推荐一种我成功的方法。

安装cnpm，cnpm使用国内镜像源。 命令提示符执行 npm install cnpm -g –registry=https://registry.npm.taobao.org， 接下来使用npm的地方都用cnpm代替就可以了。

安装Ionic， 在命令行输入命令 $ cnpm install -g ionic cordova 安装。完成后输入 ionic -v 和 cordova -v 查看是否安装完成。

初始化项目。初始化项目的时候，它是分三步的。前两步分别从github上下载两个zip压缩包，第三步是用npm下载一些依赖，之前的npm可以用cnpm代替，但是这里是自动的，我们没办法使用cnpm代替，然后就会卡在这里


如图，第三步我们就会卡住。

我的解决办法是手动从前两个网址下载两个包，解压后，将文件夹里的内容都拷贝到demo项目文件夹中。第三步我们只要切换到demo文件夹中使用命令

cnpm install就可以了。

使用命令 ionic serve编译并启动项目。