ionic 安装

一、配置和安装

首先您需要安装 Node.js,我们在接下来的安装中需要使用到其 NPM 工具,更多 NPM 介绍可以查看我们的NPM 使用介绍。  [4]  
然后通过 命令行工具安装最新版本的 cordova 和 ionic 。通过参考 AndroidiOS官方文档来安装。
Window 和 Linux 上打开命令行工具执行以下命令:
1
$ npm install -g cordova ionic
Mac 系统上使用以下命令:
1
sudo npm install -g cordova ionic
提示: IOS需要在Mac Os X. 和Xcode环境下面安装使用。
如果你已经安装了以上环境,可以执行以下命令来更新版本:
1
npm update -g cordova ionic
1
sudo npm update -g cordova ionic

二 、创建项目

使用ionic官方提供的现成的应用程序模板,或一个空白的项目创建一个ionic应用:

ionic start MyFirstIonicProject tutorial --v3

myFirstIonicProject是项目名,tutorial 是通过指定的 tutorial 模板来初始化项目,如果不加默认是tabs模版,如果不想使用模版添加blank参数,--v3是指定新建项目的Ionic版本,如果不加,默认是v1版本,如果你指定创建的版本没有安装或被移除,会创建失败。不出意外的话,running几分钟之后,项目就创建成功了。

如果有这种报错:

将ionic版本回退即可解决:
npm install -g ionic@3.9.2 

三、本地运行

项目根目录下运行:

ionic serve

若出现以下报错:

则采用以下两种解决方案:

1. 

npm uninstall ws
npm install @ionic/app-scripts@latest
2.
npm install ws@3.3.2 --save-dev --save-exact

四、创建Android应用

 cd myApp
 ionic platform add android
 ionic build android
 ionic emulate android



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值