Framework7 -Vue -Webpack Cordova模板
您可以使用此模板完美地启动新的Cordova项目。
此模板使用：
最低要求
- 科尔多瓦： 6.0.0
- Node.js： 6.5.0 （支持ES6）
警告（对于Linux和Mac OS用户）：
对于Live Reload，我找不到简单的方法来执行此操作的固定版本。但是您可以以这种方式开发应用程序：
-
cordova platform add ios browser（浏览器以实时填充模式开发需求。） -
cordova run ios -- --lr（等待在您的iOS模拟器或电话中打开App。它将在发布后关闭控制台输出，因此Live-Reload将无效。请勿关闭应用程序并转到下一步。） -
cordova run browser -- --lr（您可以同时使用电话 – 发言器中的Live-Reload。您现在可以在实时填充模式下编辑文件。）
特征
钩子很聪明。他们可以为您解决一些问题。修复列表：
-
npm install自动检查节点JS依赖项。 -
package.json重命名name变量，如果它具有空间字符并自动保存。 （NPM安装需要） -
www自动管理www文件夹。您无需考虑www文件夹。您的目标始终是src文件夹。 -
static静态资产自动在实时重新加载下同步！ -
CordovaHtmlOutputPlugin自动将cordova.js添加到HTML。您无需手动添加到文件。这对WebPack很有帮助。 -
manifest.json一些Cordova插件需要清单。根文件夹中的json。如果将subtest.json文件添加到您的src文件夹中，我们的智能挂钩自动将其复制到www文件夹！
现场重新加载相关
- 在开发模式下，
config.xml实时重新加载<allow-navigation href="*"/>。因此，我们的智能钩也可以管理。您无需考虑。 -
live-reload自动管理实时依赖依赖性。只需编写您的代码，就不要考虑依赖关系。 -
device_router.html智能路由器在实时填充模式下。它搜索Connect Server的最佳可用IP。如果找不到，您可以手动编写IP：端口。 -
CordovaDeviceRouter.js在实时填充模式下，您可以从多个设备连接到服务器。此文件右cordova.js文件将其注入页面。因此，您可以同时从多个设备连接到WebPack-Dev-Server。
安装
重要的是：当前不支持的电话盖构建工具。我建议将Cordova与此模板一起使用。
此模板需要Cordova或PhoneGap，以获取更多信息Cordova安装或电话盖板安装。
我们的魔术词：
cordova create < project_create_dir > [com.example.projectname] [ProjectClassName] --template cordova-template-framework7-vue-webpack phonegap create < project_create_dir > [com.example.projectname] [ProjectClassName] --template cordova-template-framework7-vue-webpack
繁荣！ ?您拥有带有Framework的全新Cordova / Phonegap项目7 -VUE 2和WebPack 4！
使用预定义的模板安装
框架V5版本
cordova create cordova-template com.template DefaultTemplate --template git://github.com/caiobiodere/cordova-template-framework7-vue-webpack.git#master
框架单视图V5版本
Still under development
框架选项卡式视图V5版本
Still under development
框架拆分视图V5版本
Still under development
框架V3版本
cordova create cordova-template com.template DefaultTemplate --template git://github.com/caiobiodere/cordova-template-framework7-vue-webpack.git#feature/v3-default-template
用法
您可以使用每个Cordova |电话盖命令。您只有一个命令选项： -- --lr 。它开始现场重新加载。
示例用法：
cordova run android -- --lr
cordova run browser -- --live-reload
phonegap run ios -- --lr
?都是所有人！
使用Microsoft的Cordova仿真
我们可以使用以下方式使用Microsoft Cordova仿真
- CORDOVA模拟插件
您可以检查：
- Hookers.js，
- beforedep.js，
- cordovadevicerouter.js，
- device_router.html
有关更多信息。
