美文网首页
ionic安装配置到应用

ionic安装配置到应用

作者: shawbs | 来源:发表于2017-06-21 09:47 被阅读0次

    20170618更新:

    1,个人用node 8.0~时,npm install出现过node-sass下载失败报错,原因是资源not found了,不同node版本下载的node-sass版本不一样,不能保证所有都能下载成功,这里推荐node6.10.1

    2,ionic推荐2.2.1-3.0,ionic2.1.0在用ionic start构建一个项目后,并不会编译src下的文件到www目录

    安装配置步骤

    • node安装配置(建议使用nvm安装node)
    path: C:\Program Files\nodejs\node_global\;
    
    npm config set registry https://registry.npm.taobao.org --global
    npm config set disturl https://npm.taobao.org/dist --global
    npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
    
    • java jdk1.8,配置环境变量
    新建JAVA_HOME变量:C:\Program Files\Java\jdk1.8.0_131
    
    PATH:
    
    %JAVA_HOME%\bin;
    
    %JAVA_HOME%\jre\bin;
    
    • android sdk安装
    新建ANDROID_HOME:D:\androidsdk
    
    PATH:
    
    %ANDROID_HOME%\platform-tools;
    
    %ANDROID_HOME%\tools;
    
    • apache ant安装

    到官方主页 http://ant.apache.org 下载新版(目前为 Ant1.8.1)的 ant,得到的是一个 apache-ant-1.8.1-bin.zip 的压缩包。将其解压到你的硬盘上,例如:C:\apache-ant-1.8.1。

    新建ANT_HOME变量:C:\apache-ant-1.10.1
    
    PATH:
    
    C:/ apache-ant-1.8.1/bin
    
    新建CLASSPATH:
    
    C:\apache-ant-1.10.1\lib
    

    npm install -g ionic@2.2.1 cordova@6.3.1

    构建项目

    ionic start myApp --v2 --skip-npm

    tip: ionic2默认构建v1项目,默认tabs模板, 这里--skip-npm参数视情况添加

    添加平台插件

    ionic platform add/remove android/ios

    打包

    ionic build android/ios --release/debug/prod

    //默认的是debug

    tip:打包参数,debug指调试版,release指发布版,prod指生产版

    加--prod和--release参数能有效加快app启动速度

    相关文章

      网友评论

          本文标题:ionic安装配置到应用

          本文链接:https://www.haomeiwen.com/subject/kaszqxtx.html