什么是混合开发?简单来说,就是在移动应用的开发中同时使用Native和Web两种开发方式。什么是Ionic3框架?Ionic3框架是一个混合开发框架,它本身依赖于Angular、Sass、Cordova。Ionic3框架可以做什么?使用Ionic3使用前端相关技术快速开发多平台移动应用程序。Ionic3环境构建并安装VisualStudio2011或更高版本。安装python2.7版本。安装节点。使用npm全局安装Cordova和Ionic。在命令行输入npminstall-gcordovaionic安装AndroidStudio。安装Git。(可选)安装完成后,在命令行输入ionic-h初始化第一个应用,输入ionicstart-h查看初始化命令的详细信息,如下图。name为项目名称template为初始化模板--type为项目类型,包括Ionic1和Ionic-angular(即Ionic2和Ionic3)--app-name为App的名称,后面可以修改通过config.xml--listis打印出所有可用模板--cordova集成Cordova--no-deps不安装npm依赖--no-git不初始化git仓库--no-link不链接Ionic平台,输入ionicstartHelloWorldblank--cordova--no-deps--no-git--no-link初始化一个项目。完成后如下图。此时在工作目录下会生成一个HelloWorld目录,进入即可。输入npminstall安装依赖,如图所示安装完成。忽略那些警告,输入ionicserve,第一次会出现下图,输入Y安装。然后再次进入ionicserve,继续输入Y安装如图,安装完成后启动serve,如下图。浏览器会自动打开localhost:8100,如果没有,在浏览器中手动打开这个网页,界面如下图。按F12打开控制台,然后切换到移动端显示,如下图。这可能就是我们的应用程序界面的样子。然后回到控制台,Ctrl+C结束调试服务器。然后输入ioniccordova,再输入Y安装插件,如下图。输入ioniccordovaplatformaddandroid,这是添加一个Android平台的命令。如果是ios,把安卓换成ios,成功后如下图。PS:ios需要安装XCode,即需要在MACOSX系统上。输入ioniccordovabuildandroid--prod生成Debug包,如下图。这样打包就完成了,进入platfrom/android/outputs/apk/目录,android-debug.apk就是我们打包的APP。安装到手机上即可使用或调试。注意:此包是调试版,不是官方包。官方包需要先签名。此时,您已经启动了您的第一个Ionic3应用程序。
