ionic3
程序员文章站
2024-03-23 12:15:10
...
app 采用Ionic+Cordova模式进行开发。
Ionic+Cordova的组合是一个跨平台的移动开发框架，属于HybirdApp开发模式。其中Ionic是一个前端框架，集成了AngularJs。Cordova本身就是一个跨平台的移动开发框架，可以将应用打包成各个平台下的应用。
1、 安装JDK，建议版本是1.8
2、 安装Anroid SDK
3、 安装nodejs
4、 安装cnpm：
npm install -g cnpm --registry=https://registry.npm.taobao.org
5、 安装最新ionic：
cnpm install -g ionic
6、 安装6.5版本cordova：
cnpm install -g aaa@qq.com
7. 在浏览器中运行
ionic serve
如何自己创建ionic项目：
ionic start sdscapp tabs //sdscapp为项目名 tabs为简易模板 ：在上述环境安装完成情况下目录下有以下文件：
Ionic支持两个平台ios、android，默认的Ionic项目并没有添加这两个平台，我们需要手动添加，cd到开发目录下执行命令：
Ionic cordova platform add android //添加安卓平台
ionic cordova platform add ios //添加ios平台
构建打包：
ionic cordova build android运行手机连接到电脑，并开启usb调试模式，执行命令：
ionic run android调试模式
Ionic为我们提供了非常方面的web调试环境，只需要执行ionic serve就可以实现lievereload，而在部署到移动端后也可以开启livereload
ionic cordova run android -livereload -consolelogs