NativeScript - 安裝

本節介紹如何在您的機器上安裝 NativeScript。

先決條件

在開始安裝之前，我們需要滿足以下先決條件：

Node.js
Android
iOS

驗證 Node.js

Node.js 是一個基於 Google Chrome 內部 JavaScript 引擎 v8 構建的 JavaScript 執行時環境。NativeScript 廣泛使用 Node.js 來執行各種任務，例如建立啟動模板應用程式、編譯應用程式等。您的機器上必須安裝 Node.js。

希望您已經在機器上安裝了 Node.js。如果尚未安裝，請訪問以下連結 https://nodejs.com.tw/，下載最新的 LTS 版本並安裝。

要驗證 Node.js 是否已正確安裝，請在終端中輸入以下命令：

node --version

您將看到版本號。截至目前，Node 的當前穩定“LTS”版本為 12.14.0。

CLI 設定

NativeScript CLI 是一個基於終端/命令列的應用程式，允許您建立和開發 NativeScript 應用程式。Node.js 包管理器 npm 用於在您的機器上安裝 NativeScript CLI。

使用以下命令安裝 NativeScript CLI：

npm install -g nativescript

執行此命令後，我們將看到以下輸出：

setupcli

我們已在系統中安裝了最新的 NativeScript CLI，即 tns。現在，在您的終端中輸入以下命令：

tns

這將列出快速入門指南。您將看到以下輸出：

cli

即使沒有任何其他設定，我們也可以使用 tns 來建立和開發應用程式。但是，我們無法將應用程式部署到真實的裝置上。相反，我們可以使用 NativeScript PlayGround iOS / Android 應用程式執行應用程式。我們將在後續章節中進行檢查。

安裝 NativeScript Playground 應用

轉到您的 iOS App Store 或 Google Play 商店，搜尋 NativeScript Playground 應用。在搜尋結果中找到該應用程式後，點選安裝選項。它將在您的裝置上安裝 NativeScript Playground 應用。

NativeScript Playground 應用程式有助於在 Android 或 iOS 裝置上測試您的應用程式，而無需將應用程式部署到真實裝置或模擬器上。這將減少應用程式的開發時間，並提供一種簡單的方法來啟動移動應用程式的開發。

Android 和 iOS 設定

在本節中，讓我們學習如何在模擬器或真實裝置上設定系統以構建和執行 iOS 和 Android 應用程式。

步驟 1：Windows 依賴項

在 Windows 命令提示符中以管理員身份執行以下命令：

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex 
((new-object net.webclient).DownloadString('https://www.nativescript.org/setup/win'))"

執行此命令後，指令碼將下載並安裝依賴項，並進行配置。

步驟 2：macOS 依賴項

要在 macOS 上安裝，您必須確保 Xcode 是否已安裝。Xcode 是 NativeScript 的必備條件。如果 Xcode 未安裝，請訪問以下連結 https://developer.apple.com/xcode/ 下載並安裝。

現在，在終端中執行以下命令：

sudo ruby -e "$(curl -fsSL https://www.nativescript.org/setup/mac)"

執行上述命令後，指令碼將安裝 iOS 和 Android 開發的依賴項。完成後，關閉並重新啟動終端。

步驟 3：Android 依賴項

希望您已配置了以下先決條件：

JDK 8 或更高版本
Android SDK
Android Support Repository
Google Repository
Android SDK Build-tools 28.0.3 或更高版本
Android Studio

如果上述先決條件未配置，請訪問以下連結 https://developer.android.com/studio/ 安裝。最後，在環境變數中新增 JAVA_HOME 和 ANDROID_HOME。

步驟 4：驗證依賴項

現在一切都已完成。您可以使用以下命令驗證依賴項：

tns doctor

這將驗證所有依賴項，並總結如下結果：

√ Getting environment information 
No issues were detected. 
√ Your ANDROID_HOME environment variable is set and points to correct directory. 
√ Your adb from the Android SDK is correctly installed. 
√ The Android SDK is installed. 
√ A compatible Android SDK for compilation is found. 
√ Javac is installed and is configured properly. 
√ The Java Development Kit (JDK) is installed and is configured properly. 
√ Local builds for iOS can be executed only on a macOS system. 
   To build for iOS on a different operating system, you can use the
   NativeScript cloud infrastructure. 
√ Getting NativeScript components versions information... 
√ Component nativescript has 6.3.0 version and is up to date. 
√ Component tns-core-modules has 6.3.2 version and is up to date. 
√ Component tns-android has 6.3.1 version and is up to date. 
√ Component tns-ios has 6.3.0 version and is up to date.

如果發現任何問題，請在繼續開發應用程式之前解決這些問題。

列印頁面