超詳細cordova環境配置(windows)及實例

来源:http://www.cnblogs.com/xiyangbaixue/archive/2016/04/11/5374728.html
-Advertisement-
Play Games

摘要: 最近閑來無事就把以前做的cordova項目整理了下,發現網上很少有詳細完整的配置教程,所以自己就總結了下分享給大家。 項目地址:https://github.com/baixuexiyang/hybrid 環境搭建: 1.安裝node.js下載安裝node.js,https://nodejs ...


摘要:

最近閑來無事就把以前做的cordova項目整理了下,發現網上很少有詳細完整的配置教程,所以自己就總結了下分享給大家。

項目地址:https://github.com/baixuexiyang/hybrid

環境搭建:

1.安裝node.js
下載安裝node.js,https://nodejs.org/en/,安裝cordova時需要使用。安裝完成之後在終端(win+r,cmd)執行node -v,如果看到如下圖所示的版本號表示安裝成功。

 

2.安裝ant
下載連接:http://apache.dataguru.cn//ant/binaries/...,下載完成之後解壓到你想安裝的目錄,比如D:\ant。然後將目錄添加到系統變數里,步驟如下:右擊我的電腦,點擊屬性,左側菜單點擊高級系統設置,在彈窗中點擊環境變數,然後在用戶變數中添加變數ANT_HOME,值為D:\ant,添加變數path,值為D:\ant\bin,添加變數classpath,值為D:\ant\lib。
配置好之後在終端輸入ant -v,如果出現如下圖所示則表示成功。

 

3.安裝cordova
在終端執行下麵命令

npm install -g cordova

測試安裝是否成功,終端輸入cordova -v,如果出現如下如所示提示表示安裝成功

註意:有時候我們安裝成功了,但是執行cordova命令提示不是內部或外部命令,這時候需要在環境變數中配置我們的全局npm路徑,在用戶變數里找到path,如果沒有就新建,添加值為C:\Users\admin\AppData\Roaming\npm(找到自己對應的npm目錄)

 

4.安裝jdk
下載http://www.oracle.com/technetwork/java/j...,選擇自己的版本

 

5.安裝sdk
不同的cordova版本對應不同的sdk版本,我裝的sdk為5.1.1。
下載sdk,http://www.oracle.com/technetwork/java/j...,這裡有詳細的安裝步驟(http://www.cnblogs.com/zoupeiyang/p/4034...

註意:安裝硬體加速,需要修改BIOS的virtualization technology為true,模擬器啟動不起來,去掉hardware。

 

如果以上都已經完成了,那恭喜你環境配置成功了!

 

創建第一個應用:

 

1.在終端進入你想要創建的目錄,執行下麵的命令:

cordova create first com.example.first firstApp

 

 cordova creat是創建項目的命令,緊接著first為目錄,com.example.first為命名空間,firstApp為app名稱

 

2.添加平臺

 cd first
 cordova platform add android

添加android平臺,下載可能會比較慢

 

3.編譯app

cordova build android

編譯android系統,最後如果看到build successful,就可以了

 

4.運行app

模擬器上運行

cordova emulate android

瀏覽器上運行

cordova serve android

瀏覽器訪問http://localhost:8000即可

真機上運行

cordova run android

恭喜你第一個應用程式完成了!

 

常用命令:

1、創建應用

cordova create first com.example.first firstApp

 

2、添加平臺

cordova platform add android
cordova platform add ios
cordova platform add amazon-fireos
cordova platform add blackberry10
cordova platform add firefoxos

 

3、查看平臺

cordova platforms ls

 

4、刪除平臺

cordova platform remove android
或者
cordova platform rm android

 

5、打包app

cordova build android

 

 6、運行app

cordova emulate android
cordova serve android
cordova run android

 

總結:

hybrid app相對native app來說開發起來速度快,相對容易,但是沒有native那麼流暢,性能和體驗稍微差些。並且文件大小相差也很大,同樣一個應用native只要幾k,二hybrid卻要幾兆。

下麵是我自己分別使用cordova和phonegap開發的新聞應用,歡迎大家安裝使用。
https://github.com/baixuexiyang/hybrid

 


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

-Advertisement-
Play Games
更多相關文章
  • atitit.userService 用戶系統設計 v5 q330 1. 新特性1 2. Admin login1 3. 用戶註冊登錄2 3.1. <!-- 會員註冊使用 --> 商家註冊2 3.2. <!-- 會員登錄使用 -->3 3.3. <!-- 會員退出登錄 -->3 3.4. <!-- ...
  • 在所有的設計模式開篇中,總是說一個好的架構,或多或少都會有設計模式的出現。當然或多或少也會使用設計模式的相關原則: SOLID+迪米爾原則 1.優化代碼的第一步:單一職責原則 S:單一職責鏈原則:英文名稱為Single Responsibility Principle(SRP) 定義:就一個類而言, ...
  • 寫在最前面:轉載請註明出處 目錄置頂: 關於項目 基於DDD領域驅動設計的WCF+EF+WPF分層框架(1) 架構搭建 基於DDD領域驅動設計的WCF+EF+WPF分層框架(2) WCF服務端具體實現 基於DDD領域驅動設計的WCF+EF+WPF分層框架(3) WCF客戶端配置以及代理 基於DDD領 ...
  • 移動設備已經成為在任何時間的一部分工作。在小型和中型組織人員使用個人平板電腦和智能手機業務。開源社區在這個移動應用工作的增長起到了關鍵作用。有許多開放源代碼的應用程式,可以幫助提高你的創造力。今天我們所列舉的10大開源工具,你會在工作中找到有用的。 1.Convertigo 這是用於開發和部署應用程 ...
  • PC的早期階段,也是傳統的C/S模式居多,後進化到B/S模式,並產生了SaaS、雲計算等概念和應用。從客戶端進化到瀏覽器最大好處是客戶端無需更新,減少了大量的更新成本,只需伺服器端進行更新。這也是為什麼現在流行webQQ, google docs, photoshop網頁版的原因。現在同時很多軟體廠 ...
  • 瀏覽器的事件模型 DOM第0級事件模型 他的屬性提供了關於當前正被處理的已觸發事件的大量信息。這包括一些細節,比如在哪個元素上觸發的事件、滑鼠事件的坐標以及鍵盤事件中單擊了哪個鍵。 當觸發 dom 樹中一個元素上的事件時,事件模型會檢查這個元素是否已經創建了特定的事件處理器。如果是,就會調用已創建的 ...
  • 序言 在今天,JavaScript已經成為了網頁編輯的核心。尤其是過去的幾年,互聯網見證了在SPA開發、圖形處理、交互等方面大量JS庫的出現。 如果初次打交道,很多人會覺得js很簡單。確實,對於很多有經驗的工程師,或者甚至是初學者而言,實現基本的js功能幾乎毫無障礙。但是JS的真實功能卻比很多人想象 ...
  • 選擇器的優先順序關係到元素應用哪個樣式。在CSS2.1的規範(http://www.w3.org/TR/2009/CR-CSS2-20090908/cascade.html#specificity)中是這樣描述的: 如果聲明來自於“style”屬性,而不是帶有選擇器的規則,則記為 1,否則記為 0 ( ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...