成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

用HTML和JS來開發(fā)移動(dòng)app - 部署Cordova配套開發(fā)環(huán)境

yuxue / 3081人閱讀

摘要:安裝完成后需要配置環(huán)境變量,將下的,添加到環(huán)境變量中,主要是可以執(zhí)行等命令行工具運(yùn)行,下載特定版本就是版本,比如的庫及工具可以在里啟動(dòng),也可以通過命令行來啟動(dòng),然后參考說明下載特定版本比如。

最近想玩一玩手機(jī)app開發(fā),以前都是自己DIY家里的一些硬件設(shè)備的,在這個(gè)天天喊智能的年代,不讓它們上上網(wǎng)用手機(jī)控制都覺得這些玩意LOW得拿不出手了~ 決定要改造改造,第一步得學(xué)學(xué)怎么開發(fā)手機(jī)端控制應(yīng)用。

本來想買本android 軟件開發(fā)的書看看的,但是覺得難道學(xué)完android開發(fā)難道還要再學(xué)iso開發(fā)嗎?Java跟objectC 難道都得去學(xué)一遍么.. 公司IT大牛推薦用HTML5(即 JavaScript + HTML + CSS)來開發(fā)應(yīng)用程序~ 這樣的好處是跨平臺(tái),可以在android上跑也可以在ios上運(yùn)行?,F(xiàn)在的跨平臺(tái)技術(shù)真洋氣~ 在大牛指點(diǎn)下,先要搭起開發(fā)環(huán)境,折騰了2個(gè)晚上終于搞定,總結(jié)如下:

安裝 JDK(后續(xù)的 Android SDK 需要)

到 Oracle 官方網(wǎng)站下載最新的 JDK 8,Windows 和 Mac OS X 及基于 Yum 的 Linux (比如 Red Hat、CentOS)有二進(jìn)制安裝程序,基于 apt 的 Linux(比如 Debian、Ubuntu)需要自己編譯或者安裝系統(tǒng)自帶的 OpenJDK(但 OpenJDK 現(xiàn)在沒有 Java 8 版本,安裝 Java 7 也行)

安裝完成后需要配置環(huán)境變量(JAVA_HOME,Java 安裝文件夾),將 JAVA_HOME 下的 bin 文件夾添加到環(huán)境變量 Path 中,主要是可以在命令行執(zhí)行 java 和 javac 命令。

我是在MBP上搭的環(huán)境,所以下載安裝包直接安裝即可。接著終端打開bash_profile

#JAVA
export JAVA_HOME=/Library/Java/Home
export PATH=$JAVA_HOME/bin:$PATH
安裝 Apache Ant(后續(xù)的 Android SDK 需要)

到 Apache 官方下載最新的 Ant(http://ant.apache.org/bindownload.cgi),放到特定文件夾下,將該文件夾下的 bin 目錄添加到環(huán)境變量 Path 中,主要是可以在命令行執(zhí)行 ant 命令。

#Apache Ant
export PATH=/oct/Apacheant/bin:$PATH
安裝 Android SDK(后文的 Cordova 需要)

到 Android 官方網(wǎng)站下載最新的 Android SDK,可以安裝多帶帶的 SDK,也可以安裝打包了 SDK 的 Android Studio。

安裝完成后需要配置環(huán)境變量(ANDROID_HOME),將 ANDROID_HOME 下的 tools,platform-tools 添加到環(huán)境變量 Path 中,主要是可以執(zhí)行 adb、android 等命令行工具

#Andriod
export ANDROID_HOME=/oct/Library/Android/sdk
export PATH=$ANDROID_HOME/tools:$PATH
export PATH=$ANDROID_HOME/platform-tools:$PATH
運(yùn)行 Android SDK Manager,下載特定 API 版本(就是 Android 版本,比如 4.3、4.4、5.0)的庫及工具

可以在 Android Studio 里啟動(dòng) Android SDK Manager,也可以通過命令行 android update sdk 來啟動(dòng),然后參考 GUI 說明下載特定版本比如 API 19(Android 4.4.2)。最低的安裝要求是:

Android SDK Tools

Android SDK Platform-tools

Android SDK Build-tools

SDK Platform

Android Support Repository

Android Support Library

如果要用到 Google 服務(wù)的 API,則安裝相應(yīng)的:

Google APIs

Google Repository

Google Play Services

如果需要用虛擬設(shè)備調(diào)試(不過不建議使用 Android 自帶的虛擬設(shè)備,建議使用 Genymotion 基于 VirtualBox 開發(fā)的虛擬設(shè)備),則安裝相應(yīng)的:

xxx System Image

安裝 Nodejs、npm

到 Nodejs 官方網(wǎng)站下載安裝最新的 Nodejs(http://nodejs.org/download/),針對(duì) Windows 和 Mac OS 有安裝包(包含了 nodejs 和 npm),Linux 上面可以直接安裝軟件倉庫里面的 nodejs 和 npm。

安裝 Git

到 Git 官方網(wǎng)站下載最新的 Git(http://git-scm.com/),針對(duì) Windows 和 Mac OS 有安裝包,Linux 上面可以直接安裝軟件倉庫里面的 git。

安裝 Apache Cordova 跨平臺(tái) HTML5 環(huán)境

在命令行使用 npm install cordova 即可安裝 Cordova 命令行工具(也建議到 Cordova 官方了解下 Cordova 命令行的使用 - 嗯!沒免費(fèi)圖形界面工具的~要圖形界面的軟件就找A逗比買吧)

使用 Cordova 命令行創(chuàng)建手機(jī) HTML5 項(xiàng)目

在命令行里使用 cordova create DirectoryName project_id product_name 即可以創(chuàng)建手機(jī) HTML5 項(xiàng)目,比如 cordova create IoTgoAppDir com.iteadstudio.iotgo IoTgo

如果針對(duì) Android 平臺(tái)開發(fā),需要執(zhí)行命令 cordova platform add android 添加 android 相關(guān)工具,如果需要安裝擴(kuò)展,需要執(zhí)行命令 cordova plugin add pluginNameOrGitUrl,如果需要打包 Android Apk,需要執(zhí)行 cordova build android,如果需要安裝到通過 USB 連接的手機(jī),需要執(zhí)行 cordova run android

安裝 HTML5 項(xiàng)目依賴的 JavaScript 庫

所有 HTML5 相關(guān)的文件,放在 Cordova 創(chuàng)建的項(xiàng)目根目錄下的 www 文件夾下,可以手動(dòng)將相關(guān)的 HTML、JavaScript、CSS 文件放到該文件夾下,也可以通過 bower 等軟件包管理工具來自動(dòng)下載。

使用文本編輯器或 IDE 編寫 HTML5 程序

寫代碼可以直接修改 www 文件夾下的文件,也可以用 NetBeans 或 WebStorm 之類的 IDE。建議用 WebStorm,對(duì) Nodejs 和 Cordova 有比較好的支持。

完成上面的配置后~ 就可以開始用前端開發(fā)熟悉的HTML+CSS+JS來開發(fā)手機(jī)APP了!當(dāng)然...作為一個(gè)嵌入式系統(tǒng)工程師,我對(duì)匯編對(duì)C很熟悉,對(duì)C++也還比較了解,對(duì)HTML及JS一竅不通...不過在一周速成過python后,我覺得這些上層腳本解析語言應(yīng)該都不難~ 下來的一周及過年,會(huì)繼續(xù)學(xué)習(xí)并開發(fā)一個(gè)應(yīng)用來。

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/85508.html

相關(guān)文章

  • HTMLJS開發(fā)移動(dòng)app - Hello Cordova

    摘要:發(fā)現(xiàn)對(duì)一個(gè)習(xí)慣了硬件設(shè)備側(cè)開發(fā)的人來說,不管是用還是直接用開發(fā),都是一樣的都是從開始。之前雖然高中時(shí)代做個(gè)網(wǎng)站,也僅限于用和所見即所得開發(fā)對(duì)都是一竅不通。為了給設(shè)備開發(fā),在上硬著頭皮看了個(gè)小時(shí)課程。 發(fā)現(xiàn)對(duì)一個(gè)習(xí)慣了硬件設(shè)備側(cè)C開發(fā)的人來說,不管是用cordova(HTML+JS) 還是直接用android studio(JAVA)開發(fā),都是一樣的...都是從0開始。 之前雖然高中時(shí)...

    legendmohe 評(píng)論0 收藏0
  • 大前端2018現(xiàn)在上車還還得及么

    摘要:面向?qū)ο笕筇卣骼^承性多態(tài)性封裝性接口。第五階段封裝一個(gè)屬于自己的框架框架封裝基礎(chǔ)事件流冒泡捕獲事件對(duì)象事件框架選擇框架。核心模塊和對(duì)象全局對(duì)象,,,事件驅(qū)動(dòng),事件發(fā)射器加密解密,路徑操作,序列化和反序列化文件流操作服務(wù)端與客戶端。 第一階段: HTML+CSS:HTML進(jìn)階、CSS進(jìn)階、div+css布局、HTML+css整站開發(fā)、 JavaScript基礎(chǔ):Js基礎(chǔ)教程、js內(nèi)置對(duì)...

    stormgens 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<