ionic 在mac上的环境搭建

<h1>全程VPN</h1>

1.下载并安装nodejs

2. npm install -g cordova ionic //(安装 ionic以及cordova, 不成功就用 sudo npm install -g cordova ionic ；sudo 用于提升权限）时间可能较长，请耐心等待

3 直接命令行：ionic -v 或是 cordova -v 显示版本即为成功，不成功的话就重复步骤（2）

4 安装模拟器 :

 npm install -g  ios-sim       //代表模拟器运行环境,
 npm install -g  ios-deploy    //代表真机运行环境。

 若不成功可能是权限问题，之后遇到问题先加上sudo试试。
 sudo npm install -g  ios-sim    //代表模拟器运行环境,
 sudo npm install -g  ios-deploy  //代表真机运行环境。

5.创建项目

ionic start myApp         (默认为tab )
ionic start myApp blank   (空项目)
ionic start myApp tabs    （有tab栏的项目，类似与手机qq主界面）
ionic start myApp sidemenu（有侧边栏的项目，类似与手机qq侧边栏）

6. 生成应用

iOS：

ionic platform add ios (可能会需要sudo)
ionic build ios  （注意：此处生成的ios并不是最终的应用，是中间品，需要用Xcode继续编译才能生成ipa文件）

附安卓：

     ionic platform add android (可能会需要sudo)
     ionic build android

7. 在iOS模拟器运行

ionic emulate –list //检查支持的设备，会有一个列表(注意是两个-)
ionic emulate ios //模拟器运行，我用的版本默认为iPhone-SE ,10.0.0
ionic emulate ios –target=”iPhone-6, 10.0” //以iPhone6的形式在模拟器中运行，注意iPhone-6, 10.0 是上列表中支持的，所以使用此命令前，检查模拟器支持的设备（注意target前是两个-）

-------------------------------华丽分割线--------------------------
（在build Android 时候一定要android的SDK，需要下载sduio 下载sdk ）

Mac下配置android环境变量

1.启动Terminal终端工具

2.输入cd ~/ 进入当前用户的home目录

创建：touch .bash_profile

4.打开并编辑：open .bash_profile

5、在文件中写入以下内容：

1.exportANDROID_HOME=/usr/local/opt/android-sdk

2.export PATH=${PATH}:${ANDROID_HOME}/tools

3.export PATH=${PATH}:${ANDROID_HOME}/platform-tools

注：上面的目录根据你自己的sdk路径而改变

6、执行如下命令立即生效：source .bash_profile

7、验证：输入adb回车。如果未显示command not found，说明此命令有效，环境变量设置完成。