angular使用cordova混合开发

angular使用cordova混合开发,第1张

现在我使用angular5开发了一个工程。现在业务需求,希望程序能够以app的形式发布到市场上。为了方便就,直接将现有的程序使用cordova进行封装。

我的 *** 作系统版本是:mac os High Sierra 10131
我安装的androidstudio的版本是:android-studio-ide-1714443003-macdmg

首先安装jdk。
然后在androidstudio里面安装android的sdk。注意cordova支持的版本号。具体查看:
>关于这个问题,还是看看官网是怎么说的吧:

翻译一下:

听上去蛮不错的,那么我们就开始用它来做一个app吧!

创建应用

如果按照Cordova( >1
首先需要安装好nodejs(网上教程很多)
这是为了使用npm来安装ant,cordova,ionic
验证是否安装好nodejs的方法是在命令提示符中输入“node -v”
若出现版本号,证明安装成功。
2
下载jdk,并配置java环境(网上教程很多)
验证是否安装好的方法是在命令提示符中输入“javac”
若出现如下内容,证明安装成功。
3
安装ant,并配置相应的环境(网上搜教程)
验证是否安装好ant的方法是在命令提示符中输入“ant -v”
若出现版本号,证明安装成功。
4
现在就可以安装cordova了,根据下图一步一步来就好了,官网有,可以自己搜下;
验证是否安装好cordova的方法是在命令提示符中输入“cordova -v”
若出现版本号,证明安装成功。
5
接下来是安装成功ionic的重要一步了,就是安装express,
cmd 输入:npm install express
等待一会即可
6
接下来就可以安装ionic了,也是按下图,或是去官网查看步骤;
注意:如果按步骤执行到最后三步,发现出错,请先安装android sdk
或者可以直接省略最后三步(即只用执行到 cd myApp),在命令提示符中输入“ionic serve”
直接在浏览器中查看效果;
7
验证是否安装好ionic的方法是在命令提示符中输入“ionic -v”
若出现下图,证明安装成功。
END
应用过程中遇到的一些问题解决办法
1
升级cordova命令
调用语句 :windows用户npm update -g cordovamac系统的用sudo npm update -g cordova查看cordova信息npm info cordova 查看cordova 版本cordova -v查看cordova命令cordova help
END
注意事项
配置环境变量时,用英文状态下“;”把要添加的路径与前面有的隔开;
所有的命令都是在命令提示符中进行的,在输入命令时,别把“$”也一块输进去~
如果前面都实现了,但是ionic还是安装失败,多半是网络问题;


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/10624837.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-10
下一篇2023-05-10

发表评论

登录后才能评论

评论列表(0条)

    保存