ionic1.x开发APP（1）环境配置

ionic1.x是基于angularjs1.x和codova的移动开发框架，是一套html5的开源移动开发框架，一次开发支持多个平台，至少支持android和ios。

ionic2.x是基于angularjs2.x和codova的移动开发框架，因本人对angularjs2.x没有深入研究，我们就讲讲ionic1.x。

先简单说一下这一系列的计划文章，预计6月底全部完成，谢谢大家支持。

ionic1.x开发APP（1）环境配置

ionic1.x开发APP（2）基本用法

ionic1.x开发APP（3）常用的指令

ionic1.x开发APP（4）使用codova插件安装及调用原生功能

ionic1.x开发APP（5）集成angularjs material增加更多的指令

ionic1.x开发APP（6）自定义指令开发

ionic1.x开发APP（7）codova插件开发

ionic1.x开发APP（8）codova非官方常用插件列表及地址

一、安装ionic/Install Ionic

1）首先您需要安装node.js,前往官方网站下载node.js对应你的电脑版本下载，双击安装。

 npm install -g cordova ionic@1.7

因为使用nmp安装默认安装的是ionic最新版本，最终你会发现是ionic2.x，所以必须使用@+版本号指定版本，安装过程可能很慢，在安装之前我们可以更换npm的源，换成淘宝源，命令行执行

npm --registry https://registry.npm.taobao.org info underscore 

二、通过Ionic创建一个项目
  
  

   
   
ionic start myApp tabs
   
   默认提供3中创建模版
  
  

  
  

   
   ionic
 start myApp blank //创建空白工程
  
  

  
  

   
   ionic start myApp tabs //创建带tab的工程
  
  

  
  

   
   ionic
 start myApp sidemenu  //创建带侧栏的工程


  
  

  
  

   
   


  
  

  
  


   
   

三、运行我们刚才创建的Ionic项目

   
   

    
    在运行之前对于android，我们必须安装JDK、androidSDK
   
   

   
   

    
    对于苹果安装Xcode（非必须），但必须在mac电脑下
   
   

   
   

    
    1）安装JDK，直接上java官网现在JDK安装即可
   
   

   
   

    
    2）安装androidSDK，谷歌官网需要翻墙或太慢，建议到http://www.android-doc.com/sdk/index.html下载即可
   
   

   
   

    
    3）xcode直接App Store下载即可
   
   

   
   

    
    苹果运行命令
   
   

   
   

    
    

    
    
 cd myApp // 切换到当前工程目录，如果没有切换，运行下面指令会报错


    
    
ionic platform add ios //添加ios平台


    
    
ionic build ios //编译

    
    
ionic emulate ios //模拟器运行（ionic run ios）
android运行
   
   

   
   

    
    

    
    
ionic platform add android

    
    
ionic build android 

    
    
ionic emulate android //模拟器运行（ionic run android）