ionic 创建项目步骤

来源:互联网 发布:乌海四中网络选课系统 编辑:程序博客网 时间:2024/05/21 07:54

你的ionic项目就已经构建成功了! 下面是一些技巧:

-通过cd命令进入你的项目:$ cd Ionic_1stTutorial

-设置项目使用Sass:ionic setup sass

-在浏览器中实时开发:ionic serve

-添加一个系统平台 (ios or Android):ionic platform add iOS [Android]

-注意: iOS 开发需要OS X系统

-参见详细的Android平台开发指南 :Android installation instructions

-编译你的app:ionic build

-在模拟器上运行你的app:ionic emulate

-在真机上运行你的apps:ionic run

-使用ionic打包服务打包一个app:ionic package

更多关于使用ionic 帮助和ionic文档的,请访问Ionic docs,你也可以使用Ionic Push(alpha).为ionic app添加推送通知。

运行ionic 应用

既然我们已经基于侧边栏构建和初始化了我们的ionic应用,为了看到ionic CLI产生了什么我们必须运行它,首先进入我们创建项目名的目录,在我们的实例中如下:

Ionic_1stTutorial

C:\Users\Nikola\Desktop\IonicTesting>cd Ionic_1stTutorial

C:\Users\Nikola\Desktop\IonicTesting\Ionic_1stTutorial>

在接下来的章节中,我们将花更多的时间在www文件夹,正因为ionic是基于angularJS 框架,你需要知道他的一些基本知识。下面是一些可以运行ionic应用的办法:

-ionic serve- 在本地浏览器运行

-ionic emulate android- 在Android模拟器上运行 (这个例子使用Android; 你也可以使用iOS如果你有一台Mac电脑且安装了上述条件)

-ionic run android- 安装应用到插入电脑的Android手机上

-ionic build android- 创建.apk文件,你可以复制这个文件到你的Android手机并运行它。(对于iOS,你必须通过Xcode运行到真机。下一章节我将会讲到)

接下来,在终端运行如下命令:

ionic serve

0 0