Ionic命令行创建项目

时间:2022-12-04 15:24:33

一、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.在编译项目:ionic build Android时提示安装Android22,因为本地SDK版本太低引起,手动修改:项目\platforms\android\AndroidManifest.xml及project.properties文件,降低版本

2.在编译项目:ionic build Android是出现如下错误:

Ionic命令行创建项目

问题原因:“C:\Users\用户名\.gradle\wrapper\dists\gradle-2.2.1-all\2m8005s69iu8v0oiejfej094b\gradle-2.2.1-all.zip”的grade-2.2.1-all.zip包下载不完整,完整包几十兆(20150823为五十几M)

解决办法:

删除上面目录下的文件,重新运行命令ionic build android,重新下载即可,如果不删除,每次编译,系统自动检测该文件已存在,则不会重新下载,其实原文件不全,所以导致编译始终出错。