ionic3新建项目

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

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

ionic3新建项目_第1张图片
ionic3环境搭建成功

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

ionic3新建项目_第2张图片
选择app的类型


ionic3新建项目_第3张图片
SDK问题

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

ionic3新建项目_第4张图片
Email识别有误

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


ionic3新建项目_第5张图片
项目启动成功

你可能感兴趣的:(ionic3新建项目)