【Git 项目推荐】用户体验良好的 H5 APP
MagicAPP
MagicAPP，专为WebAPP而生的开发框架，致力于轻松的写代码，产出用户体验优秀的APP。生成代码可以直接用于移动端，微信端。结合打包工具，可以非常方便的转为原生APP，供用户下载使用。
框架自带一整套的UI，同时整体架构合理灵活，各部分可以单独拆出运行，亦可与其他的框架，库等配合使用。目前框架处于开发预览阶段，可能会有极大的改动，使用请注意。
基本使用方法:
1.安装依赖工具及初始化
npm install npm install -g gulp cordova gulp build
2.监控运行
gulp serve
Cordova 打包说明:
1.创建 Cordova 文件夹
先在 项目根目录下 创建一个 cordova 的项目，命令说明如下：
cordova create [文件夹名] [软件ID] [Main方法名]
目前，为了脚本处理方便，文件夹名必须为 cordova，其它两个参数可自定义，比如：
cordova create cordova com.wbasic.weishop weishop
2.添加编译平台
项目创建完毕后，必须先添加编译平台，命令如下:
cordova platfrom add [平台名](android/ios)
比如添加 Android 平台可以执行如下命令：
cordova platform add android
3.执行打包操作
每次打包，都需要 先编译HTML文件 ，然后打包成APP安装文件，如果已经编译过了，可以直接打包成安装文件。
编译HTML文件需要在项目根目录执行以下命令：
gulp cordova
编译完成后 在 cordova 根目录 执行 cordova build [平台] 命令来生成对应平台安装文件，也可以直接运行 cordova run [平台] 命令来生成打包文件并安装到设备上，比如对于 android 平台则可执行：
cordova build android ## 只生成安装文件 cordova run android ## 生成并安装文件
4.配置文件修改说明
有时候需要修改配置文件，比如 安卓平台的 AndroidManifest.xml 文件，但是有时候修改后编译会失败，提示： You may not have the required environment or OS to build this project.
导致这个情况是由于有的插件会自动插入一些配置信息，如果你更改了最终的配置信息， 两者不匹配 的话，就会出错。因此我们只要保证自动插入的信息和最终的配置信息一致就可以。
比如对于安卓平台，自动配置文件是 plugins/android.json 文件，所以我们只要保证 android.json 和 AndroidManifest.xml 两个文件的配置信息一致，那么修改就不会出错。
正文到此结束
热门推荐
相关文章
近期评论
-
文章和留言都翻到11页了 没有OOM
-
-
朋友，翻页到11页，及以后，会出现OOM，无法访问
-
-
搞个gitee的项目
-
-
版本号是多少，你可以下载哪个代码仓库，jdk选1.8 直接跑就行
-
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
