相關(guān)網(wǎng)站
ionic官網(wǎng) Ionic2官方文檔地址
- ionic的官方文檔還是比較健全的。有 環(huán)境搭建及命令行cli橡疼、大量仿原生應(yīng)用的控件的使用示例辞嗡、各種類的API魔策、cordova插件(js和ios酸员、android開(kāi)發(fā)語(yǔ)言的通信)、常用的字體圖標(biāo)等讳嘱。
- ionic2 是基于angular2版本以上的二次開(kāi)發(fā)的框架幔嗦。所以 需要熟悉的語(yǔ)言有 angular2-4、typescript沥潭、es6等邀泉。涉及的其他東西有 scss、webpack钝鸽、制作子體圖標(biāo)等汇恤。
環(huán)境搭建
1.下載安裝NodeJs包
注：作者使用的是mac環(huán)境。 建議選擇6.11 版本拔恰。
安裝完成后因谎，打開(kāi)終端 執(zhí)行 npm -version 查看是否安裝成功。
命令
2. 安裝ionic和Cordova
安裝命令為
npm -g ionic cordova
其中 -g 為 Global 全局安裝的意思颜懊。 檢測(cè)是否安裝成功财岔，和上面一樣查看版本號(hào) ionic -version cordova -version
溫馨提示: 如果因?yàn)榫W(wǎng)絡(luò)原因安裝失敗，請(qǐng) 科學(xué)上網(wǎng) 或 切換到 淘寶源 cnpm
ionic cordova 命令
3.初始化一個(gè)helloworld項(xiàng)目
ionic start DanTang tutorial
- start 是創(chuàng)建一個(gè)新的項(xiàng)目
- DanTang 是項(xiàng)目的名字
- tutorial 是創(chuàng)建項(xiàng)目使用的模版
ionic 提供了一下幾種模版
- tabs 有3個(gè)tab的簡(jiǎn)單分欄項(xiàng)目
- menu 側(cè)滑的項(xiàng)目
- blank 空項(xiàng)目
- tutorial 指導(dǎo)性的項(xiàng)目(和tabs差別不大)
4. 進(jìn)入到新建的項(xiàng)目目錄下
cd DanTang
5. 啟動(dòng)項(xiàng)目
ionic serve
到此 ionic的helloworld項(xiàng)目就結(jié)束了饭冬。更多ionic cli 的命令 請(qǐng)使用 ionic -help 自行學(xué)習(xí) 查看使鹅。
