部署ionic開發環境

来源:https://www.cnblogs.com/liusuqi/archive/2018/05/25/9088731.html
-Advertisement-
Play Games

(1)安裝Node.js 首先您需要安裝 Node.js,後續會使用到其中的 NPM 工具。 (2)安裝JDK 需要安裝JDK,官網下載安裝。命令視窗中輸入 java -Xmx2048m -version 進行檢查。32位系統環境下無法運行Xmx2048m的記憶體設置。 系統變數→新建 JAVA_HO ...


(1)安裝Node.js

  首先您需要安裝 Node.js,後續會使用到其中的 NPM 工具。

(2)安裝JDK

  需要安裝JDK,官網下載安裝。命令視窗中輸入 java -Xmx2048m -version 進行檢查。32位系統環境下無法運行Xmx2048m的記憶體設置。
  系統變數→新建 JAVA_HOME 變數 。變數值填寫jdk的安裝目錄(本人是 E:\Java\jdk1.7.0)
  系統變數→尋找 Path 變數→編輯.在變數值最後輸入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;(註意原來Path的變數值末尾有沒有;號,如果沒有,先輸入;號再輸入上面的代碼)
  系統變數→新建 CLASSPATH 變數。變數值填寫 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar(註意最前面有一點)
  添加環境變數"_JAVA_OPTIONS",值:“-Xmx512m”(512m是分配的記憶體空間,還可以是1024m、2048m等)

(3)安裝Android SDK

  需要安裝Android SDK,或者通過安裝Android Studio來完成Android SDK的安裝。可能會出現sdk版本不對需要另外下載,並放置在:C:\Users\***\AppData\Local\Android\Sdk\platforms中。

(4)安裝Gradle

  需要安裝Gradle,這是一套android構建打包工具,用於生成android app。如果已經安裝了Android Studio,其中就包含了Gradle。
  下載:http://services.gradle.org/distributions/
  下載gradle-4.1-all.zip,源碼不需要安裝,我們將下載的壓縮包在本機的目錄下直接解壓即可。
  接下來我們為Gradle配置環境變數,安裝過jdk的朋友對環境變數的配置應該不陌生了。我們右鍵“這臺電腦”-->"屬性"-->"高級系統設置"-->"環境變數"-->"系統變數",按照上述步驟找到環境變數設置的位置。我們在系統變數中新增一個GRADLE_USER_HOME值為解壓後的路徑,然後我們還需要修改Path變數,將Gradle的bin目錄添加進去,我們在Path變數的最後面添加;%GRADLE_USER_HOME%\bin,註意前面的分號(;)一定不能少。
  配置完成後我們查看一下本機安裝的gradle的版本信息,使用快捷鍵Win+R彈出的輸入框中輸入cmd,然後打開命令視窗,在命令視窗中輸入 gradle -v 可以查看到gradle的版本信息。

(5)命令行安裝cordova和ionic

  cordova是底層實現跨平臺(iOS&Android)的技術,ionic本身來說只是基於AngularJs的UI組件庫。
  然後通過命令行工具安裝最新版本的 cordova 和 ionic 。
  Window 和 Linux 上打開命令行工具執行以下命令:
  npm install -g cordova ionic
  如果你已經安裝了以上環境,可以執行以下命令來更新版本:
  npm update -g cordova ionic

(6)創建AVD

  AVD的全稱為:Android Virtual Device,就是Android運行的虛擬設備。不安裝也不影響開發,可以直接在手機上進行測試。
  SDK Manager:就是一個Android軟體開發工具包管理器,連接本地和伺服器,從伺服器下載安卓開發所需要的工具到本地。
  AVD Manager:是一個Android虛擬驅動管理器,主要用來創建安卓模擬器。(安卓模擬器所需的鏡像是通過SDK Manager來下載的)。
  Android_SDK 下載地址: http://tools.android-studio.org/index.php/sdk
  使用SDK Manager安裝組件。使用AVD Manager創建AVD。

(7)創建並運行

  使用ionic官方提供的現成的應用程式模板,或一個空白的項目創建一個ionic應用
  ionic start myApp tabs
  ionic start myApp sidemenu
  ionic start myApp blank
  ionic start sidemenuTabs https://github.com/pointdeveloper/ionic-2-sidemenu-tabs --type=ionic-angular
  創建過程中會提示是否安裝Ionic Pro根據情況選擇,Ionic Pro是他們團隊推出的一個雲平臺,幫助你開發、遠程部署、打包之類的。
  如果項目中沒有node_modules則輸入命令:npm install
  運行項目:ionic serve
  配置android環境:ionic cordova platform add android
  檢測項目環境,缺什麼補什麼:cordova requirements android
  創建android應用:ionic cordova build android
  啟動android模擬器:ionic cordova emulate android;ionic cordova run android -l


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • SQL語句中生成UUID方法為UUID() 生成帶橫線UUID: select UUID() 形如:abaffaca-fd55-11e5-b3d0-d2c510923c15 生成32位不帶橫線UUID: select replace(UUID​(),'-','') 形如:804a9aa2fd5311 ...
  • Redis詳解 Redis的出現 NoSQL資料庫瞭解 在過去幾年中,NoSQL資料庫一度成為高併發、海量數據存儲解決方案的代名詞,與之相應的產品也如同雨後春筍般出現,然而在眾多產品中,能夠脫穎而出的卻 屈指可數,如Redis、MongoDB、BerkeleyDB和CouchDB等。由於每種產品所擁 ...
  • 前言 本文章主要是總結Linux的基礎操作以及一些簡單的概念~如果不熟悉的同學可下個Linux來玩玩(或者去買一個伺服器玩玩【學生版的不是很貴】),對於開發者來說,能使用Linux做一些基本的操作是必要的! 一、為什麼我們要學習Linux 相信大部分人的PC端都是用Windows系統的,那我們為什麼 ...
  • 好久沒做rac,最近要做架構梳理,這裡針對Oracle常用的名詞縮寫,這裡做個記錄,希望對大家有所幫助。 ...
  • 操作環境:Centos 問 題:The table 'XXX' is full !!! 當碰到此資料庫報錯提示的時候,,, 我,,,有點懵,,, 登錄伺服器查看,,發現 我了個去,,我絕不承認這個伺服器是我搭的,,(手動滑稽X2) MySQL資料庫的位置放到了分區/dev/mapper/centos ...
  • 本文說明瞭redis的基本用法,python與redis交互以及與mysql交互使用 ...
  • 1為什麼要做性能優化? 手機性能越來越好,不用糾結這些細微的性能? Android每一個應用都是運行的獨立的Dalivk虛擬機,根據不同的手機分配的可用記憶體可能只有(32M、64M等),所謂的4GB、6GB運行記憶體其實對於我們的應用不是可以任意索取 詳情:http://10.158.0.33/bbs ...
  • 在開發中,有時需要兩個或多個APP版本,每個版本的改動,不是很多,但是需要另外打包,那麼我們就有兩套方案: 1.重新開發,把代碼複製一遍,然後在修改; 2.用一套代碼,根據需求生成不同的包; 我們一般會用第二個方案,這時就需要根據不同的需求,創建不同的target;通過編譯打包不同的target,做 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...