ionic+cordova开发!

Posted 帅到要去报警

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic+cordova开发!相关的知识,希望对你有一定的参考价值。

这里是一些学习的过程中纪录的:

官方网站:

http://www.ionic-china.com/

参考文章:


https://blog.csdn.net/xyzz609/article/details/52037044
https://blog.csdn.net/i348018533/article/details/47258449

首先是:安装好 Node:

安装:npm install -g cordova ionic
更新:npm update -g cordova ionic

也可以分开安装:

也可以分开安装: 
npm install -g ionic 全局安装 ionic      安装成功 ionic -v 会出现对应的版本号
npm install -g cordova 全局安装 cordova  安装成功 cordova -v

安装: cordova:

安装成功:

测试安装是否成功:

接下来是:

安装demo模板:

安装的模板有三种:

https://ionicframework.com/getting-started/

ionic start myApp blank //空模板
ionic start myApp tabs // 带tab的模板
ionic start myApp sidemenu // 带sidemenu的模板

启动命令:

ionic serve

启动成功:在浏览器上 http://localhost:8100 就可以看到效果。

以上是关于ionic+cordova开发!的主要内容,如果未能解决你的问题,请参考以下文章

混合式移动应用开发浅析之Ionic/Cordova vs React Native

Cordova笔记三:ionic+angular+cordova技术栈

IONIC/Cordova 视频流

构建vue+ionic+cordova项目,开发全平台APP

ionic+cordova开发!

VS2015 Cordova Ionic移动开发