为了账号安全,请及时绑定邮箱和手机立即绑定

如何用ionicframework进行混合移动应用开发?

/ 猿问

如何用ionicframework进行混合移动应用开发?

慕田峪7331174 2018-11-21 10:06:24

如何用ionicframework进行混合移动应用开发


查看完整描述

1 回答

?
一只名叫tom的猫

方法/步骤
1
进行以下操作前请确保电脑已经安装了nodejs。
2
安装Ionic CLI
打开mac的终端(Terminal),输入:
sudo npm install -g ionic
回车后输入mac的用户密码,就可以把ionic CLI安装到全局位置
安装命令与安装结果如下:

3
安装cordova
在终端中输入:
sudo npm install -g cordova
把cordova 安装到全局位置
安装命令与安装结果如下:

4
安装ios真机调试
在终端中输入:
sudo npm install -g ios-deploy
这样就可以使用ionic 命令进行ios真机调试了。
安装命令与安装结果如下:

END
方法/步骤2
1
新建一个项目
在终端中输入:
ionic start myFirstApp sidemenu
其中“myFirstApp”是我们的项目的名称,"sidemenu"是项目模板,其中可用的模板还有:
blank ................ A blank starter project for Ionic
complex-list ......... A complex list starter template
maps ................. An Ionic starter project using Google Maps and a side menu
salesforce ........... A starter project for Ionic and Salesforce
sidemenu ............. A starting project for Ionic using a side menu with navigation in the content area
tabs ................. A starting project for Ionic using a simple tabbed interface
tests ................ A test of different kinds of page navigation
执行命令与执行结果如下:

2
项目结构截图如下:

3
打开终端,cd到项目根目录下:
输入:ionic platform add android
添加一个android平台。
执行命令与执行结果如下:

4
在网页中预览刚才的项目:
在终端中输入:
ionic serve
如下截图表示已经成功在本地开启了预览。
执行命令与执行结果如下:

5
打开浏览器浏览器地址里输入上面的地址:
http://localhost:8100
一个新的项目就这么简单的新建好了。
在终端中输入q会停止服务
预览截图如下:

6
安装到iphone中运行
在终端中输入:
ionic build ios
然后输入:
ionic run --emulate ios
会自动打开iphone模拟器并进行安装。
执行命令与执行结果如下:

7
安装到android设备或模拟器上同样类似的方法:
先把安卓设备连接到电脑上
先输入:
ionic build android
然后输入:
ionic run --device android
这样会安装到真机上
或者输入:
ionic run --emulate android
这样会安装到android自带模拟器上。



查看完整回答
反对 回复 2018-12-06
  • 1 回答
  • 0 关注
  • 260 浏览
我要回答

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信