离线下载
PDF版 ePub版

极客学院团队出品 · 更新于 2017-09-20 01:00:28

创建一个Cordova项目

步骤

1、确保你已经将Node.js的最新版本安装到你的系统上。

2、打开终端(Mac)或命令窗口(Windows),键入以下命令来安装Cordova CLI:

npm install -g cordova

如果在Mac上:

sudo npm install -g cordova

如果你已经将Cordova安装到你的电脑上,请确保你已经将其升级到最新版本。

npm update -g cordova

3、确定你在你的文件系统中存储项目的路径。

4、打开Cordova CLI,在命名为workshop的目录中创建一个命名为Workshop的Cordova项目:

cordova create workshop com.yourname.workshop Workshop

5、导航到项目目录:

cd workshop

6、增加对iOS平台的支持(可选项)

为了能够为iOS平台创建项目,那么必须在你的电脑上安装iOS软件开发工具包。如果不需要支持iOS平台,那么你可以跳过这一步,并增加对其他平台的支持或只是简单地在浏览器中运行本教程的应用。

1、确保你的系统中iOS SDK是可用的。

2、在命令行,确保你处在workshop目录,并键入:
cordova platforms add ios

7、增加对安卓平台的支持(可选项)

为了能够在安卓平台上创建项目,那么必须将安卓软件开发工具包安装到你的系统中。如果你不需要支持安卓平台,那么你可以跳过这一步,并增加对其他平台的支持或只是简单地在浏览器中运行本教程的应用。

确保你的系统中安卓软件开发工具包和蚂蚁构建工具(ant build tool)是可用的。在这里,安卓软件开发工具包是可用的。在你的路径中,安卓和蚂蚁工具必须是可用的。

8、确保你处在workshop目录,并添加基本插件到你的项目中:

cordova plugin add org.apache.cordova.device
cordova plugin add org.apache.cordova.console

9、在workshop下测试目录结构。

  • www文件夹是你将要编码你的HTML / JavaScript应用的位置。在一个浏览器中打开index.html文件,以查看由Cordova CLI创建的默认应用。

  • Platforms文件夹是Cordova将要为 不同的平台(iOS、安卓等等)创建你的应用的位置。这个文件夹的内容将由Cordova CLI自动生成,而且你千万不要在该目录中进行编辑代码。

  • 在plugins目录中安装插件。

  • 应用参数(姓名、作者等等)都存储在config.xml文件中。
上一篇: 关于 下一篇: 建立一个Cordova...