ionic 创建项目步骤
2017-03-05 23:25
232 查看
你的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
-通过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
相关文章推荐
- appfuse2.0.2 项目创建步骤
- VS2005创建DDK项目步骤
- 如何用Maven创建web项目(具体步骤)
- 用Maven创建web项目的具体步骤(试验过了,很详细)
- 如何用Maven创建web项目(具体步骤)
- XL创建新项目步骤
- nodejs+phonegap+ionic环境搭建并创建项目
- cocos2dx 3.0以上创建项目步骤及生成apk
- 如何用Maven创建web项目(具体步骤)
- 先创建项目 后版本化的步骤
- 从编译wxWidget到在VC6中创建工程项目步骤
- WEB应用环境的搭建(二)Eclipse配置Tomcat步骤及创建web项目
- 创建ClickOnce项目签名证书详细步骤以及批处理文件
- 如何用Maven创建web项目(具体步骤)
- StarlingManual:项目创建步骤
- 创建ClickOnce项目签名证书详细步骤
- 插件开发,创建一个项目的步骤
- mvn创建web项目步骤
- github创建repository,上传项目,更新项目操作步骤总结
- 如何用Maven创建web项目(具体步骤)