為了開發(fā)HTML5,除了最新使用React Native等之外,目前首選的為穩(wěn)定的ionic+Angularjs來開發(fā)iOS和android.
Ionic(ionicframework一款接近原生的HTML5移動App開發(fā)框架 會html css js就可以開發(fā)app
1.安裝npm 、node.js
安裝cordova之前要安裝nodejs总处,會包含npm安裝(node package manager狈惫,通常稱為node包管理器。顧名思義鹦马,它的主要功能就是管理node包胧谈,包括:安裝、卸載荸频、更新菱肖、查看、搜索旭从、發(fā)布等)
可以在官網(wǎng)上下載nodejs的mac OSX版安裝包稳强。然后雙擊,下一步下一步···和悦,osx會自動添加環(huán)境變量退疫,不用手動配置,mac上會默認(rèn)安裝到 usr/local/bin下鸽素,也可以更改目錄褒繁。
打開pkg,一路安裝即可馍忽,最后會出現(xiàn)
node -v //可查看已安裝的nodejs版本號
npm -v //可查看已安裝的npm的版本號
環(huán)境變量手動配置(osx會自動添加環(huán)境變量棒坏,不用手動配置燕差,這里可以跳過,只是做記錄)
touch bash_profile
vi .bash_profile
(不習(xí)慣用vi的可以直接用 open 命令打開文本——open .bash_profile)
然后在.bash_profile中加入
export PATH="/usr/local/bin:$PATH"
(設(shè)置環(huán)境變量 PATH 為 /usr/local/bin 外加原來的 PATH 變量內(nèi)容坝冕。
比如 PATH 原來的變量為 /usr/bin
這個命令之后徒探,PATH 內(nèi)容就是 /usr/local/bin:/usr/bin
其中 : 是每個目錄的分隔符, 刹帕,PATH 就是4個字母,不會被識別為變量谎替。
export 是賦值的命令)
然后在esc退出編輯模式,再輸入:wq
退出
2.安裝 ionic 和 cordova
輸入在終端中以下內(nèi)容安裝特定版本cordova和ionic:
npm install -g ionic cordova@8.1.2
npm install -g ionic@5.0.0
附:刪除命令
npm uninstall cordova -g
npm uninstall ionic -g
這里解釋一下為什么安裝指定版本比較好:
剛接觸cordova看到教程肯定是直接
npm install -g cordova
但是高版本的cordova不一定兼容低版本蹋辅,有時(shí)候安裝了高版本的cordova添加平臺的時(shí)候會報(bào)錯
所以這個時(shí)候钱贯,先卸載之前版本的cordova,再重新安裝制定版本的cordova
npm uninstall cordova -g
npm install -g ionic cordova@8.1.2