<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,说明此命令有效,环境变量设置完成。
网友评论