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

Question

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

Answer 1

方法/步骤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方法/步骤21新建一个项目在终端中输入：ionic start myFirstApp sidemenu其中“myFirstApp”是我们的项目的名称，"sidemenu"是项目模板，其中可用的模板还有:blank ................ A blank starter project for Ioniccomplex-list ......... A complex list starter templatemaps ................. An Ionic starter project using Google Maps and a side menusalesforce ........... A starter project for Ionic and Salesforcesidemenu ............. A starting project for Ionic using a side menu with navigation in the content areatabs ................. A starting project for Ionic using a simple tabbed interfacetests ................ 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自带模拟器上。