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