摘要:創建一個指向安裝根文件的環境變量,比如根據你自己的安裝地址,設置完該路徑后,就要將的目錄添加到環境變量中。安裝使用命令同樣如果下載速度慢的話可以使用淘寶鏡像所以可以使用把和一起安裝。
大致的開發步驟:安裝node.js –安裝Apache Cordova -安裝Java JDK – 安裝Apache Ant - 安裝android SDK – 安裝cordova和ionic – 安裝genymotion(android模擬器)
1.1 、安裝node.js(為了使用npm來安裝ant,cordova,ionic)
去node官網下載node(盡量選擇新的版本,我這里使用的是v-6.10.2)避免中文目錄,安裝完成后在cnd中node -v可以查看版本信息
1.2 、安裝最新的Java JDK(不是單單JRE)。創建一個JAVA_HOME指向安裝JDK根文件的環境變量,比如C:Program FilesJavajdk1.8.0_121 (根據你自己的安裝地址) ,設置完該路徑后,就要將JDK的bin 目錄添加到PATH環境變量中。可以用 %JAVA_HOME%bin 也可以用C:Program FilesJavajdk1.8.0_121bin 。安裝完成后cmd執行java -v可以查看版本(我用的是1.8.0_121)
1.3 、安裝Apache Ant(我安裝的是1.10.1版本,zip文件可能比tar下載慢),將下載的文件解壓縮后,將里面的bin文件夾的路徑添加到 PATH中,比如我的是C:antapache-ant-1.10.1bin 。同樣的,安裝完成后cmd執行ant -v查看版本
1.4 、安裝Android SDK(需要大約5g左右的空間),cordova需要設置ANDROID_HOME環境變量,新建變量名ANDROID_HOME,變量值是安裝SDK的地址(比如我的是C:androidSDK),然后在PATH中添加 ;%ANDROID_HOME%platform-tools;%ANDROID_HOME%tools(這種是win8系統所以要加; 如果是win10系統直接點path,再點編輯,然后新建就可以了)。這里的tools可能在后面測試ionic build android時候有錯,先不用管。
1.5 、安裝cordova,使用npm命令 npm install -g cordova ,可能等的時間有點長,可以先試試,如果半小時了還沒有下載完成,可以考慮淘寶鏡像 npm install -g cnpm --registry=https://registry.npm.taobao.org ,這里可能會提醒minimatch版本過低,不用管,等下載完畢后用cmd命令cordova -v ,如果出現版本號,就表示安裝成功了(我的版本是6.5.0)。
1.6 、安裝ionic , 使用npm命令 npm install -g ionic , 同樣如果下載速度慢的話可以使用淘寶鏡像, 所以可以使用cnpm install -g cordova ionic , 把cordova和ionic一起安裝。
1.7 、創建項目,$ionic start todo blank 我們可以在計算機上創建一個新的cordova項目,接下來我們可以進入并查看一下項目的目錄, $ cd todo && ls
1.8 、配置平臺 $ ionic platform add ios (除非是在MacOs上,否則不建議使用)
$ ionic platform add android
1.9、測試 $ ionic bulid ios(android)
(這里可能會報錯 Looked here: C:androidSDK ools emplatesgradlewrapper 但是tools下并沒有templates這個文件夾,這時候就要重新下載tools,然后替換。) $ ionic emulate ios (andoroid)如果是對android開發,默認的android模擬器速度很慢(官網上這么說的)所以還是推薦使用Genymotion工具,$ ionic run android代替 $ionic emulate android
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/82612.html
摘要:摘要是可以讓我們使用開發即使來移動應用的框架。如果你熟悉可以直接使用開發,但如果你熟悉使用或并且也想使用,可以使用版本,本文就以來說明這兩者如何結合使用。除此之外還引入和來對把我們代碼打包成安卓或應用。。 摘要 ionic是可以讓我們使用web開發即使來移動應用的框架。ionic4之前,ionic只能和angular搭配使用,ionic4后把ionic抽離成四個版本,@ionic/co...
摘要:它使用作為其開發語言。關于為了避免環境搭建污染我的,我選擇將我的開發環境限制在一個容器中,同時避免了自制軟件和不可逆的本地安裝程序。我們將使用來構建一個新的鏡像創建一個新的。下一篇文章將詳細介紹如何用搭建真正用于生產環境的項目。 我想創建一個簡單的漸進式Web應用程序(PWA),在移動設備上運行,接收用戶數據并將其保存到后臺。 我選擇了Ionic 2(忽略了它創建本地應用程序的能力),...
摘要:它使用作為其開發語言。關于為了避免環境搭建污染我的,我選擇將我的開發環境限制在一個容器中,同時避免了自制軟件和不可逆的本地安裝程序。我們將使用來構建一個新的鏡像創建一個新的。下一篇文章將詳細介紹如何用搭建真正用于生產環境的項目。 我想創建一個簡單的漸進式Web應用程序(PWA),在移動設備上運行,接收用戶數據并將其保存到后臺。 我選擇了Ionic 2(忽略了它創建本地應用程序的能力),...
摘要:寫一下這兩天打包的總結,希望幫人省下一些搜索的時間。環境配置下載地址配置環境和環境配置步驟基本一樣,測試打開,輸入,返回版本號即為成功。把圖標等文件用該命令上傳自己的項目到服務器,上傳完成后會有一個項目編號。 寫一下這兩天打包app的總結,希望幫人省下一些搜索的時間。 一.準備工作: 需要安裝:Nodejs、AndroidSDK、Apache-ant、Jdk,Ionic、Cordova...
閱讀 2082·2021-11-24 09:39
閱讀 1536·2021-10-11 10:59
閱讀 2489·2021-09-24 10:28
閱讀 3368·2021-09-08 09:45
閱讀 1263·2021-09-07 10:06
閱讀 1657·2019-08-30 15:53
閱讀 2056·2019-08-30 15:53
閱讀 1411·2019-08-30 15:53