美文网首页
Ionic 入门 - 项目简介

Ionic 入门 - 项目简介

作者: _Waiting_ | 来源:发表于2019-08-19 14:52 被阅读0次

一、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

相关文章

网友评论

      本文标题:Ionic 入门 - 项目简介

      本文链接:https://www.haomeiwen.com/subject/kwvssctx.html