cordova+ionic环境搭建至安卓项目创建成功心得整理

前段时间有两篇转载关于创建项目的文章，链接如下：

http://www.cnblogs.com/ziyiang/articles/5768815.html

http://www.cnblogs.com/ziyiang/articles/5059214.html

只起到了一定的参考作用，现整理安装步骤如下：

1，安装nodejs：

　　官网地址https://nodejs.org/en/，我安装的是v5.3.0,比v4.2.3好用些，起码在高墙之下，卡住了能有个提示，正常安装即可，win7安装后会自动添加环境变量，安装完毕后，在cmd下输入node -v 及 npm -v 查看是否安装成功；

2，安装 fanqiang软件：

　　MxVPN:官网地址：http://www.mxvpnjsq.us/，确保cordova和ionic已确保npm能够正常下载。（尤其是ionic，之前用的shadowsocks软件就不好使，安装ionic总是报错，墙实在是太高了，这步非常重要。）

注意：此时即将安装cordova和ionic，需要注意几点：

　　2.1，必须保证vpn已经连接；

　　2.2  如果第三步和第四步安装不上，就是镜像问题，建议使用如下配置，我用这个配置成功了，然后再执行之后的代码：

　　控制台输入       .npmrc    编辑文档内容

　　prefix=C:\Program Files\nodejs\node_cache
　　registry=http://registry.cnpmjs.org/

　　　　注：2.2.1，如果不配置prefix的路径的话默认安装到以下路径：C:\Users\Administrator\AppData\Roaming\npm\node_modules；　　　　　　

　　　　　　2.22如果代理不支持https的话需要修改npm存放package的网站地址。$ npm set registry https://registry.npm.taobao.org（这里是个命令，也可以用上面的.npmrc命令把链接粘贴进去即可）

 

3，安装cordova：

　　官网地址：http://cordova.apache.org/，输入

npm install -g cordova

4，安装ionic

　　中文网地址：http://www.ionic.wang/start-index.html，输入

npm install -g ionic

注：如果过程中cordova或者ionic哪一项安装没成功，执行如下代码：

　　4.1清除缓存；

$ npm cache clean

 　　4.2不行就卸载nodejs；

　　4.3如果出现cordova或者ionic不是内部命令的话，再控制面板的软件管理里，点下修复nodejs，就可以好用，原理是环境变量配错了。

至此，cordova和ionic环境就应该能够正常安装成功了。

5，为安卓项目安装sdk

　　5.1下载jdk,根据windows 的32位和64位版本不同进行区分，别下错了，配置jdk的环境变量，略；

　　5.2并安装android studio，找到sdk manager，安装安卓6.0，API Level 23（这里很重要，因为下面 ionic platform add android 根据不同版本的sdk创建不同项目）

　　5.3配置sdk的环境变量

　　　　ANDROID_HOME 　　D:\sdk\android-sdk-windows

　　　　

　　　　在Path里添加%ANDROID_HOME%\tools  %ANDROID_HOME%\platform-tools  

　　　　

　　　　注：此处配置后，如果cordova和ionic 命令无效需要在控制面板修复nodejs。

　　5.3在线下载sdk还需要开vpn；

6，创建项目

在cmd命令下的所在文件夹输入：

Ios 创建安装运行（这里由于苹果需要证书没做测试）

ionic start myproject 

  cd myproject 

 

  ionic platform add ios 

  ionic build ios 

  ionic emulate ios 

 

Android 创建安装运行

　　在cmd下指定的目录输入

ionic start myproject tabs

cd myproject 

 

ionic platform add android 
或者
ionic platform add android@5.0.0

这里很重要，因为是通过环境变量找到sdk，通过已经下载的sdk去创建安卓版本，当然默认的话可以不加@5.0.0（具体版本自己配置），只要所下载的sdk和生成的一直就可以了，这里列出了cordova的所有版本

ionic build android

生成apk后安装到手机了
ionic emulate android (模拟器运行（这步没测试）) 

ionic run android (连接上手机运行（这步没测试）)