一、Ionic命令行创建项目步骤:
在命令行中,进入到需要创建项目的目录中,连网执行以下命令:
1.ionic start <projectName> <style>
说明:该语句是创建ionic项目,projectName表示需要创建的应用名称;style表示创建应用的的类型,有三种样式可供选择:tabs(tab页)、sidemenu(侧边栏)、blank(空白)
例:ionic start myApp tabs
2.cd <projectName>
进入到项目目录
3.ionic platform add <paltformName>
说明:添加Android或者IOS环境,验证步骤,开始创建可省略,后期可执行该命令添加。不过为验证所创建空框架是否正确,建议添加平台信息测试框架
例:ionic platform add android 或者 ionic platform add ios
4.ionic build <paltformName>
说明:将创建的空项目编译打包,验证步骤,开始创建可省略,后期可执行该命令编译。不过为验证所创建空框架是否正确,建议编译刚才所添加平台,验证环境或者项目是否有误
例:ionic build android 或者 ionic build ios
5.ionic emulate <paltformName> 或者 ionic run <paltformName> 或者 ionic serve 或者 ionic serve –lab
说明:如以serve运行,则使用:http://localhost:8100/ 浏览器访问测试;具体链接可查看启动服务后的DOS提示
备注:
ionic emulate <paltformName>:通过命令在虚拟设备上安装调试
ionic run <paltformName>:通过命令在实体机上安装调试
ionic serve:以服务的形式在浏览器上调试
ionic serve –lab:以服务的形式在浏览器上已Android和IOS的模式调试
二、Ionic其他命令:
1.adb devices:查看当前可用于调试的移动设备
2.ionic –v:用于查看ionic的版本
三、创建及使用组件
1、使用命令行创建组件,创建完成后会在src目录下多一个components的目录,目录中有用命令创建的所有组件cd myApp //进入项目目录 ionic g component loginModel //创建一个名为header的组件
|->创建<-| |->组件<-| |--->目录/文件<---|
ionic g component components/header 指定生成到哪个目录
2、该目录下有components.module.ts,所有创建的组件也会在这里声明,引入的所有模块在所有组件中都有效。
几个网址
ionicframework
网友评论