ionic3.0.0 跨平台项目创建流程


ionic 3.0.0更新后,ionic3.0.0创建流程优化了ionic2,省略了ionic2的步骤。

举例说明,Mac 电脑,过程如下:

我的环境:node  v7.7.3

                  npm v4.6.1

                  ionic v3.0.0

1、ionic start newApp tabs

直接就是这句,不用再加“--v2”,( 你创建的项目的ionic版本就是当前ionic的CLI版本,如果想要低配,就要使用版本标志(如v1项目,使用该--type ionic1标志);如果想用升级后的ionic版本,就升级ionic。)输入后会弹出下面这句话:



选yes。
这个地方,我的ionic3.0.0报错,“Error: Timeout of 25000ms reached for https://github.com/driftyco/ionic2-app-base/archive/master.tar.gz”,在 点击打开链接解释这个错误。
看下面加载流程的截图:




A:这一步省略了ionic3.0.0以前还要手动添加“npm install”的步骤,这样node_modules就有了;
B:这步完成后,按顺序执行“ionic serve ”和“ionic cordova run iOS”;
C:这个是使用他们的工具,看情况选,用不着就选no。

此时的文件截图:

   这时候www文件里面是空的,执行下一步。


2、cd ./newApp

     ionic serve

网页启动,这个时候www文件就有了。


3、ionic cordova run ios

如果有选y/n的问题,就选y;

如果报有“permission denied”这样字眼的error,就在前面加上“sudo”,用 “sudo ionic cordova run iOS”。

“sudo”Mac电脑一定要加这个,否则会报错!

此时,检查文件发现,“platforms”和“plugins”这两个文件夹都有了,省略了“ionic platform add ios”操作。但是,如果想单独添加的话可用“cordova platform add ios --save”或者“ionic cordova platform add ios --save”




整个过程下来,你会发现很多命令都做了改变,可根据提示用“--help”查询。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值