温馨提示×

温馨提示×

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

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

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

发布时间:2020-07-28 13:43:52 阅读:634 作者:danbeiti 栏目:移动开发
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

搭建过程

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

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

向AI问一下细节

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

AI

开发者交流群×