共用方式為

存取原生 Cordova 專案

  • 發行項

本主題適用於發行前版本軟體 -- Apache Cordova 的 Visual Studio Tools。這些功能描述於預覽中，但有可能變更。您可以從 Microsoft 下載中心下載此 Preview。

當您使用 Visual Studio Tools for Apache Cordova 建立應用程式時，Visual Studio 會呼叫 Apache Cordova 命令列介面 (CLI)，針對指定的裝置或模擬器來建置您的應用程式。 您可以從 Visual Studio 專案目錄的 bin 資料夾中存取產生的封裝。

如果您需要存取原生平台特定專案，則可以在 Visual Studio 專案的 bld\組態\platforms\平台 資料夾中找到它 (例如，bld\Debug\platforms\android)。 (iOS 原生專案不是儲存在此位置；請參閱使用原生專案建置 iOS 應用程式。)

當您以 Windows Phone 8 為目標時，由 Windows Phone 的 Cordova 產生的原生專案是在 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\組態資料夾 (例如 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. 在使用 serve 之前，從 Visual Studio 專案的 bld/組態 資料夾中輸入下列命令：

    cordova prepare <platform>

    例如，對於 Android 應用程式，您可以輸入 cordova prepare android。

  2. 接下來，執行這個命令，以啟動 Web 伺服器主機：

    cordova serve <platform>

    這個命令的輸出，會包括您可用來存取應用程式的 URL。

  3. 開啟瀏覽器，並導覽至提供的 URL。

警告

在這個版本中，您需要重新建置應用程式來更新其內容。

請參閱

概念

開始使用 Visual Studio Tools for Apache Cordova

其他資源

常見問題集