ionic 创建项目步骤

古城微笑少年丶 2022-07-08 18:24 248阅读 0赞

你的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

[Android installation instructions]: https://cordova.apache.org/docs/en/edge/guide_platforms_android_index.md.html
[Ionic docs]: http://ionicframework.com/docs/cli/start.html
[Ionic Push]: https://apps.ionic.io/signup

发表评论取消回复

表情：

评论列表（有 0 条评论，248人围观）

还没有评论，来说两句吧...

相关阅读

相关创建Java项目的步骤

要在Eclipse中创建Java项目，您可以按照以下步骤进行操作：步骤 1: 打开Eclipse 首先，打开Eclipse集成开发环境（IDE）。一旦Eclipse启动，

分手后的思念是犯贱/ 2024年03月01日 07:06/ 0 赞/ 46 阅读

相关 idea 创建vue项目步骤

跟着图片来,有命令或者代码我单独提出来创建一个 Static Web 项目 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVp

╰半橙微兮°/ 2022年12月24日 15:58/ 0 赞/ 194 阅读

相关创建VUE项目的详细步骤

1.选一个存放项目的文件夹，例如在sum文件夹下 2.在电脑的搜索框输入cmd，启动cmd黑窗口 3.在cmd黑窗口中输入 cd /d 文件路径，进入到该路径下 4

小灰灰/ 2022年12月02日 13:57/ 0 赞/ 141 阅读

相关创建vuejs3项目详细步骤

vue官网教程：（就用这个）之前用菜鸟教程的命令得到的vue版本是2点几：菜鸟上的教程讲的vue是相对比较旧版本的了. 你先明白`vue init webpac

朴灿烈づ我的快乐病毒、/ 2022年10月17日 04:12/ 0 赞/ 239 阅读

相关 ionic 创建项目步骤

你的ionic项目就已经构建成功了! 下面是一些技巧: \-通过cd命令进入你的项目:$ cd Ionic\_1stTutorial \-设置项目使用Sass:ionic

古城微笑少年丶/ 2022年07月08日 18:24/ 0 赞/ 249 阅读

相关 ionic3 入门【1】创建Ionic项目及基本配置

制作手机app基本配置要创建Ionic项目，您需要安装最新版本的CLI和Cordova。 npm install -g ionic cordova 完成之后，创建第一

深碍√TFBOYSˉ_/ 2022年06月03日 09:49/ 0 赞/ 477 阅读

相关 Idea创建swagger项目步骤详解

一、搭建项目 1. 打开Idea，点击【File】-【New】-【Project...】-【Spring Initializr】-点击【Next】-【Next】

ゝ一纸荒年。/ 2022年05月27日 05:35/ 0 赞/ 324 阅读

相关创建Hibernate项目步骤

创建项目（java project / dynamic web project）添加需要的jar包一、在项目上单击右键，选择New ——》other 二、

Myth丶恋晨/ 2022年04月22日 06:32/ 0 赞/ 288 阅读

相关 ionic创建项目及其项目结构

前言 ionic是一个移动应用程序的框架，对于现在来说，使用的还是相当广泛的。创建项目 1.安装node.js 因为之前安装过Vue并且对环境

我就是我/ 2022年02月17日 08:59/ 0 赞/ 274 阅读

相关 Ionic4 项目打包Android App步骤

1. 安装 Nodejs 说明：安装完成 nodejs的版本后，如果npm 不是最新版本, 运行 `npm install npm` 升级成最新的 npm 2.

港控/mmm°/ 2021年12月11日 09:29/ 0 赞/ 398 阅读