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

来源:互联网 发布:第一军团永远忠诚知乎 编辑:程序博客网 时间:2024/06/01 09:55


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”查询。

原创粉丝点击