Cordova 创建一个应用程序
示例
初步
如果尚未安装Cordovacli工具,请安装它。
$npminstall-gcordova
导航到所需的工作文件夹。
$cd/path/to/coding/folder
创建应用程序
创建一个新的应用程序
$cordovacreate<appProjectName><appNameSpace><appName>
对于此示例,我们将创建一个“HelloWorld”应用程序:
$cordovacreatehelloWorldcom.example.helloworldHelloWorld
添加平台和插件
平台类
首先,导航到应用程序的文件夹。
$cd<appName>
添加您要构建的平台。可以在此处找到受支持平台的列表。
$cordovaplatformadd<platformList>
我们将添加Android,iOS和浏览器平台。使用空格分隔一次添加多个平台。该browser平台将方便进行浏览器内测试。
使用该--save参数会将平台列表保存到Cordova的config.xml文件中。
$cordovaplatformaddandroidiosbrowser--save
platform可以在cordova文档中找到有关该命令的大量选项列表。
外挂程式
Cordova插件可让您访问设备硬件,特定于操作系统的功能以及更多功能。
该plugin命令的结构与平台相同
$cordovapluginadd<plugins.value>
我们将添加cordova文件插件(以方便设备存储访问)和camera插件,该插件可访问设备的相机以制作照片和视频。
$cordovapluginaddcordova-plugin-filecordova-plugin-camera--save
请记住:使用--save参数会将您的设置写入config.xml文件。在另一台计算机上轻松地重新创建项目非常有用。
为了方便起见,Cordova具有出色的插件搜索页面设置。你可以在这里找到它。
运行你的应用程序
运行应用程序非常简单。只需使用以下命令。
$cordovarun<platformname>
对于我们的示例,我们将在浏览器中运行测试应用程序。
$cordovarunbrowser
这将打开默认浏览器,您的应用程序已准备好进行测试。