Ionic3 环境搭建以及基础配置实现(更新中)_移动开发_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > 移动开发 > Ionic3 环境搭建以及基础配置实现(更新中)

Ionic3 环境搭建以及基础配置实现(更新中)

 2017/8/25 12:08:57  Teloi  程序员俱乐部  我要评论(0)
  • 摘要:GitHub:https://github.com/Teloi环境配置输入以下命令安装Ionic(如果刚才设置了淘宝镜像源,可以使用cnpm代替npm):npminstall-gionic需要注意的是,如果之前安装过Ionic2的beta版本,需要先卸载掉:npmuninstall-gionic然后重新安装。ionic-version查看当前版本截至8月21日时的版本为3.9.2生成目录
  • 标签:实现 环境搭建 配置

GitHub:https://github.com/Teloi

环境配置
输入以下命令安装 Ionic (如果刚才设置了淘宝镜像源,可以使用 cnpm 代替 npm):
npm install -g ionic
需要注意的是,如果之前安装过 Ionic 2 的 beta 版本,需要先卸载掉:
npm uninstall -g ionic
然后重新安装。
ionic -version
查看当前版本 截至8月21日时的版本为3.9.2

生成目录:
ionic start Tests blank

启动项目
npm installclass="Apple-converted-space"> 安装所需要的依赖包
ionic serve 默认8100端口启动

ionic 的start 默认有三种选项,blank、Tabs以及Side Menu

微信截图_20170821151203.png

我们选择默认的空白页,便于学习
现在尝试在空白模板中添加tab页以及侧边栏(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
添加环境变量
提示需要安装android studio报错
下载地址(https://services.gradle.org/distributions/)
安装4.1.all 配置环境变量
重启电脑。。。。
安装android8、7、6 的Platform 
具体需求参照报错信息

 

参考网址:
github ionic源码
ionic cli 建议新建空白模板
ionic temple类似angle模板,可参照学习
ionic cli空白模板建立tabs以及sidemenu
ionic cli空白模板建立tabs以及sidemenu译文
页面懒加载
页面懒加载
IOS测试

上一篇: ReactNative仿微信朋友圈App 下一篇: 没有下一篇了!
发表评论
用户名: 匿名