美文网首页
ionic 在mac上的环境搭建

ionic 在mac上的环境搭建

作者: 张三儿 | 来源:发表于2017-07-05 10:03 被阅读102次

<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目录

  1. 创建: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,说明此命令有效,环境变量设置完成。

相关文章

网友评论

      本文标题:ionic 在mac上的环境搭建

      本文链接:https://www.haomeiwen.com/subject/oaifhxtx.html