温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

ionic学习【1 环境配置搭建】

发布时间:2020-07-28 13:43:52 来源:网络 阅读:609 作者:danbeiti 栏目:移动开发

开发环境ubuntu 14.04 64位

搭建过程

1.64位环境下需要一些特殊支持

apt-get install -qq -y libc6:i386 libgcc1:i386 libstdc++6:i386 libz1:i386


2.下载安装android-sdk,nodejs,jdk ,ant并配置环境变量


3.使用npm安装cordova

npm install -cordova

npm install -ionic

配置问题:

a.最开始直接使用apt-get安装的nodejs由于版本问题,在使用npm是出现错误,推荐下载官方最新版

b.npm下载时迟迟没反应,原来是由于中国防火墙的问题,有些资源没法访问,修改使用淘宝的npm源和cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org  

cnpm install -g cordova ionic

c.可以参考https://www.thepolyglotdeveloper.com/2014/09/install-android-cordova-ionic-framework-ubuntu/

直接写一个脚本完成自动化配置。


4.创建项目

1、创建APP 

       在控制台输入

       ionic start myapp 

       这里的 myapp是你的APP的名字,可以选择各种模板blank/tabs等


2、进入创建的APP目录

    cd myapp

3、选择配置Android环境

    ionic platform add android

        

4、打包生成APP

    ionic build android

       

5、运行APP(需要先新建虚拟机/连接手机,新建方法:打开Android SDK安装目录下的AVD Manager.exe选择新建)

    ionic run android


6、开启服务在浏览器查看效果

      ionic serve 或
    ionic  serve  --address  ip


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI