访问一个本机 Cordova 项目

这篇文章介绍了用于 Apache Cordova 的 Visual Studio 工具,是一个预发布的软件。所述功能呈现在预览版中,并可能会发生更改。你可以从 Microsoft 下载中心下载预览版。

当你使用适用于 Apache Cordova 的 Visual Studio 工具创建应用时,Visual Studio 会调用 Apache Cordova 命令行界面 (CLI) 来针对指定的设备或仿真器创建你的应用。 可以从 Visual Studio 项目目录中的 Bin 文件夹中访问生成的程序包。

如果你需要访问一个本机平台特有的项目,你可以在你的 Visual Studio 项目的 bld\config\platforms\platform 文件夹(例如 bld\Debug\platforms\android)中找到该项目。 (iOS 本机项目不是存储在该位置,请参见使用本机项目构建 iOS 应用。)

当你面向 Windows Phone 8 时,由 Cordova 针对 Windows Phone 所生成的本机项目是一个在 WebView 控件中运行的 Silverlight 应用。 当你面向 Windows Phone(通用)时,生成的项目是一个 Windows Phone 8.1 本机 Windows 商店应用( APPX 程序包)。

警告

你对本机项目所作的任何更改都不会反映在 Visual Studio 中的项目中。从 Visual Studio 中执行的清除操作(例如“清除解决方案”)会将 bld 文件夹的内容删除。

使用本机项目创建应用

如果你想使用本机项目来创建应用,则必须先安装 Cordova CLI。 如果你正在为 iOS 创建应用,请参阅下一节。

若要使用本机项目创建应用

  1. 在命令提示符中输入以下命令来安装 Cordova CLI:

    npm install -g cordova@4.0.0
    
  2. 若要从命令提示符中运行 CLI 命令,请进入 bld\configuration 文件夹,例如 bld\Debug,然后输入任意 CLI 命令。

    现在你可以针对本机项目运行任何 Cordova CLI 命令。 有关 CLI 命令的详细信息,请参阅 Cordova 文档中的命令行界面

  3. 如果你想使用 Cordova CLI 来创建项目,请先安装此平台:

    cordova platform add <platform>
    

    例如,若要将 Android 加入要创建的项目组中,需输入 cordova platform add android。

    然后使用以下命令来创建所有平台特有的项目:

    cordova build
    

使用本机项目创建 iOS 应用

因为你不能在 Windows 上创建 iOS 应用,所以需要执行一些额外的步骤才能使用本机项目来创建 iOS 应用。

若要创建 iOS 应用

  1. 在你的 Mac 上安装 node.js

  2. 在你的 Mac 上使用此命令来安装 Cordova CLI:

    sudo npm install -g cordova@4.0.0
    
  3. 将 Visual Studio bld\Debug、bld\Release 或 bld\Distribution 文件夹的内容从你的计算机上复制到你的 Mac 上。

  4. 使用终端应用,进入你复制内容的文件夹,然后输入以下命令:

    cordova platform add ios
    

    现在你可以运行任何其他的 Cordova CLI 命令,例如:

    cordova build ios
    

    或:

    cordova emulate ios
    

    有关 CLI 命令的详细信息,请参阅 Cordova 文档中的命令行界面

如果你想访问本机 Xcode 项目,你可以在你 Mac 上的 platforms/ios 文件夹中找到它。

使用 Cordova serve 命令

Cordova serve 命令让你能在本地 web 服务器上测试你的应用的布局和基础 CSS。 这在你开始设备测试前会有很帮助。

备注

此发行版不支持 Visual Studio 中的 Adobe PhoneGap Developer 应用;但 Cordova CLI 支持 PhoneGap Developer 应用所使用的同一个 serve 命令。

若要在本地 web 服务器上使用本机项目来运行你的应用

  1. 输入来自你的 Visual Studio 项目中的 bld/config 文件夹的以下命令,然后再使用 serve:

    cordova prepare <platform>
    

    例如对于一个 Android 应用,你可以输入 cordova prepare android。

  2. 然后运行此命令以启动 web 服务器主机:

    cordova serve <platform>
    

    此命令的输出包含可用于访问你的应用的 URL。

  3. 打开浏览器并导航至提供的 URL。

警告

在此发行版中,你需要重建应用以更新其内容。

请参见

概念

Visual Studio Tools for Apache Cordova 入门

其他资源

FAQ