本文是Ionic3系列的第一排你文章是越,主要介紹開發(fā)環(huán)境的搭建過程耳舅,之后的文章將依賴此應用,不再涉及到環(huán)境搭建方面的內(nèi)容(除非是添加特性)英妓,Ionic官方文檔:
ionic官網(wǎng)
ionic官方文檔
本項目github地址:
github 地址
ionic打包成Android應用的詳細教程挽放,請參考參考以下鏈接:
ionic3 Android打包
環(huán)境準備
- node:8.x
- npm:5.x
- ionic: 3.x
- Angular:4.x
- Cordova:7.x
工具準備
安裝Node
node下載
下載完成之后:解壓 》 配置環(huán)境遍歷 》 測試
node自帶npm,node安裝成功蔓纠,npm也就安裝成功
測試命令
node -v
npm -v
安裝Ionic command-line tools
利用npm包管理器安裝 ionic command-line tools
npm install -g ionic
這樣會安裝最新版本的ionic , -g 代表全局安裝
測試是否安裝成功
ionic -v
安裝Cordova
cordova是用來打包的辑畦,也就是讓js有能力調(diào)用原生設備接口,利用npm包管理器安裝 cordova
npm install -g cordova
這樣會安裝最新版本的cordova, -g 代表全局安裝
測試是否安裝成功
cordova -v
創(chuàng)建項目
以上就已經(jīng)安裝好了 ionic cli可供使用腿倚,通過 ionic cli纯出,可以非常方便的創(chuàng)建一個ionic項目。同時,利用該工具創(chuàng)建ionic項目的時候可以選擇不同的模板暂筝,也可以選擇不適用模板箩言,只需要命令后面的一個參數(shù)即可,例如焕襟,以下命令將創(chuàng)建一個 帶有 tabs 模板的 ionic項目陨收,通過ionic start 創(chuàng)建一個應用:
ionic start inStart tabs
inStart是應用的名稱, tabs是模板的名稱鸵赖。對應的务漩,還可以使用創(chuàng)建沒有模板的應用:
ionic start inStart blank
該命令會創(chuàng)建一個基于ionic 最新版本的應用
高本版的ionic cli還有很多非常好用的功能,比如
ionic start inStart tabs --type ionic1
創(chuàng)建 一個 基于ionic1 版本的應用
ionic g page menu
該命令用于創(chuàng)建一個名為menu的page
以上是基于ionic cli 創(chuàng)建應用它褪,ionic網(wǎng)還介紹了一種使用可視化工具Creator創(chuàng)建應用的方法饵骨,具體的不太清楚,有興趣的可以嘗試茫打。
啟動應用
這里所說的啟動應用居触,是指啟動應用在瀏覽器查看、調(diào)試老赤,并不涉及到打包的內(nèi)容轮洋。
啟動應用比較簡單,一條命令就可以搞定:
cd inStart
ionic serve