Ionic3 环境搭建以及基础配置实现(更新中)
GitHub:https://github.com/Teloi
環(huán)境配置
輸入以下命令安裝 Ionic (如果剛才設(shè)置了淘寶鏡像源,可以使用 cnpm 代替 npm):
npm install -g ionic
需要注意的是,如果之前安裝過 Ionic 2 的 beta 版本,需要先卸載掉:
npm uninstall -g ionic
然后重新安裝。
ionic -version
查看當(dāng)前版本 截至8月21日時的版本為3.9.2
生成目錄:
ionic start Tests blank
啟動項目
npm install?安裝所需要的依賴包
ionic serve?默認(rèn)8100端口啟動
ionic 的start 默認(rèn)有三種選項,blank、Tabs以及Side Menu
我們選擇默認(rèn)的空白頁,便于學(xué)習(xí)
現(xiàn)在嘗試在空白模板中添加tab頁以及側(cè)邊欄(http://pointdeveloper.com/ionic-2-side-menu-tabs/)
安裝?cordova
npm install -g cordova ionic
npm install
期間如有報錯(You have been opted out of telemetry. To change this, run: cordova telemetry)
參考https://segmentfault.com/a/1190000008137785
ionic cordova build android --prod
如需安裝android sdk?參考
目前 sdk tools 版本25.2.5
添加環(huán)境變量
提示需要安裝android studio報錯
下載地址(https://services.gradle.org/distributions/)
安裝4.1.all 配置環(huán)境變量
重啟電腦。。。。
安裝android8、7、6 的Platform?
具體需求參照報錯信息
?
參考網(wǎng)址:
github ionic源碼
ionic cli 建議新建空白模板
ionic temple類似angle模板,可參照學(xué)習(xí)
ionic cli空白模板建立tabs以及sidemenu
ionic cli空白模板建立tabs以及sidemenu譯文
頁面懶加載
頁面懶加載
IOS測試
轉(zhuǎn)載于:https://www.cnblogs.com/teloi/p/7427108.html
總結(jié)
以上是生活随笔為你收集整理的Ionic3 环境搭建以及基础配置实现(更新中)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: input type=submit 和b
- 下一篇: JMF调用摄像头粉屏的问题(win10