使用淘宝镜像来安装ionic

通常来讲咱们直接可使用npm来安装ionic，可是因为国内的网络环境缘由（你懂的）下载速> 度龟慢，因此能够考虑使用淘宝镜像来安装ionic比较快。如下教程是看了网上相关安装ionic的教程视频而且亲测成功截图写下来。先简述一下步骤，再详情查看详情的截图安装配置过程。

简略步骤：

1. 请预先安装好nodejs （官网：https://nodejs.org/en/）
2. 安装淘宝镜像命令： npm install -g cnpm
   --registry=https://registry.npm.taobao.org
3. 安装ionic命令: cnpm install -g ionic@beta
4. 设置全局的npm从国内源加载：修改配置文件（安装的node路径下nodejsnode_modulesnpmnpmrc文件）npmrc，在文件的尾部添加配置registry
   =http://registry.cnpmjs.org
5. 在项目文件夹初始化项目命令：ionic start demo --v2
6. 在项目文件运行ionic环境服务命令：ionic serve

---

图文详情步骤：

1.打开cmd，以管理员身份运行（特别是win8和win10的，为了不权限问题）

---

2.拷贝复制命令 npm install -g cnpm --registry=https://registry.npm.taobao.org
（注意安装的node版本不要太旧，及时更新）

验证是否安装成功，输入命令 cnpm -v 查看版本号（能查看到版本号即代表安装成功）

---

3.使用cnpm来安装Ionic，命令 cnpm install -g ionic@beta

---

4.设置全局的npm从国内源加载

a)修改配置文件（找到安装node路径下的nodejsnode_modulesnpmnpmrc文件）npmrc

b)能够sublime或者记事本打开，修改文件内容，添加配置 registry = http://registry.cnpmjs.org

---

5.在你的电脑本地新一个文件用来存放ionic项目文件，例如我新建一个ionicProj文件：

从新打开一个cmd，进入到ionicProj文件下
尝试初始化项目，输入命令：ionic start demo --v2

若是发现有这一步，是提示你建立一个ionic帐户（方便ios开发使用帐户），想注册输入Y不然n

建立完毕，能够在本地看到如下文件

---

6.测试刚才新建项目，在终端进入demo文件夹里面，使用命令 ionic serve 来启动demo项目

若是有来到如下截图这里卡住了，这里的意思要你选择一个运行的服务器地址（有1，2，3，4能够选了），在Address Selection: 中能够输入localhost

而后会自动调用你的chrome浏览打开看到demo效果：

---

附：最近有网友真机测试过，提醒问题：V2默认demo编译出来的apk，在安卓机上，底部是竖向排列的，而且点击无效，V1.x的，就没问题。