初识Ionic

Ionic

初识Ionic_第1张图片

最近在优化一个老项目,移动端使用的就是ionic + angular
可惜是ionic 2,所以呢,我自己创建了一个最新版本的ionic工程来学习一下。

初识Ionic_第2张图片
我的ionic版本是5.4.12,已经是目前的最新版本,大家可以看到,ionic对于angular 以及 react 已经有很高的支持度了。
我这次选择的也是 angular 框架,新版本的ionic已经全面支持angular,很多ionic语法也改为angular自身的语法,让我们能更好地保持原来的开发习惯。

第一步:安装ionic

npm install -g ionic cordova   //Windows   linux

sudo npm install -g cordova ionic     //mac

第二步:创建app

ionic start myapp tabs		

第三步:运行app

cd myapp     //进入工程目录

ionic serve  //运行程序

关于运行程序,我们可以选择ionic devApp,在我的资源里面可以下载到安装包,我已经上传到CSDN了。

目录结构如下

初识Ionic_第3张图片
剩下的就和angular开发一样啦

你可能感兴趣的:(前端之路,花哨玩意儿,ionic,angular)