ionic3新建项目
2018-03-13 本文已影响76人
凌风x
首先我们先搭建一个Ionic3的环境,进入项目放置的目录 运行命令:npm install -g ionic cordova 或者 npm install -g cordova ionic
小知识:ctrl+c退出命令行执行

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


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

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