cordova template framework7 vue webpack

您可以使用此模板完美地启动新的Cordova项目。

此模板使用：

• Framework7 5
• VUE 2
• vuex
• Webpack 4
• 科尔多瓦
• fontawesome 5
• Babel加载器7

• 科尔多瓦： 6.0.0
• Node.js： 6.5.0 （支持ES6）

对于Live Reload，我找不到简单的方法来执行此操作的固定版本。但是您可以以这种方式开发应用程序：

1. cordova platform add ios browser （浏览器以实时填充模式开发需求。）
2. cordova run ios -- --lr （等待在您的iOS模拟器或电话中打开App。它将在发布后关闭控制台输出，因此Live-Reload将无效。请勿关闭应用程序并转到下一步。）
3. 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实时重新加载 。因此，我们的智能钩也可以管理。您无需考虑。
• live-reload自动管理实时依赖依赖性。只需编写您的代码，就不要考虑依赖关系。
• device_router.html智能路由器在实时填充模式下。它搜索Connect Server的最佳可用IP。如果找不到，您可以手动编写IP：端口。
• CordovaDeviceRouter.js在实时填充模式下，您可以从多个设备连接到服务器。此文件右cordova.js文件将其注入页面。因此，您可以同时从多个设备连接到WebPack-Dev-Server。

此模板需要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仿真

• CORDOVA模拟插件

您可以检查：

• Hookers.js，
• beforedep.js，
• cordovadevicerouter.js，
• device_router.html

有关更多信息。