为了账号安全,请及时绑定邮箱和手机立即绑定

ionic3新建项目

标签:
Html5

首先我们先搭建一个Ionic3的环境,进入项目放置的目录 运行命令:npm install  -g ionic cordova 或者 npm install -g cordova ionic 

小知识:ctrl+c退出命令行执行

ionic3环境搭建成功

在我们环境搭建完毕后,开始新建一个ionic3的项目 运行命令:ionic start 项目名称 例如: ionic start myAppTest 这块会有个选择项 可以选择APP的外框架比如:tabs类型、blank类型、sidemenu类型等 我们这里选择了tabs 等待

选择app的类型


SDK问题

这块会有个问题 就是如果你SDK YES了 下载完毕后会让你输入你的Email 但是这个Email我是没成功过,可能是墙的原因,也就是卡死在这里了,(如果卡死ctrl+c退出)而且项目里多出来很多文件,所以这里选择No

Email识别有误

接下来我们进入项目目录下(myAppTest)运行项目 命令:ionic serve 这时我们可以在浏览器上看到项目已经起开 可以按下F12键打开 开发者模式 模拟项目在手机中运行的情况,看一看到这是有3个tab的tabs结构的APP。拿鼠标 点一点是不是很有成就感啊~  建议默认浏览器chrome 或者是基于chrome内核的,因为后期我们会对项目进行调试开发,需要chorme命令,毕竟是google一家人。。。


项目启动成功



作者:凌风大师兄
链接:https://www.jianshu.com/p/b596b5e6b89a


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消