window安装ionic的详细步骤
2025-05-15 本站作者 【 字体:大 中 小 】
安装前:先了解下ionic是什么?
ionic是一个强大的混合式/hybrid HTML5移动开发框架,特点是使用标准的HTML、CSS和JavaScript,开发跨平台的应用 。
Ionic是建立在google的AngularJS框架上的,正因为如此,所以它可以很好的支持安卓2.0以上和ios6.0以上的版本。
Angular JS过去被用来作为MVC框架,但是随着时间的推移,当$scope对象作为一个视图模型的情况下,就视图模型来讲它通过控制器来进行操纵,这也使得Ionic变得更接近MVVM框架。开发人员可以根据他们喜好来使用MVC或MVVM,只要他们的目标能被实现,MVVM框架将显示从从业务逻辑分离从而提高了可维护性和生产力。
所以说ionic是被用来使用混合的应用,而不是用来建手机网站的。
第一步:
安装install ionic;首先需要安装node.js,其次cordova和commands-tools;在cmd命令上安装完node.js后npm install -gcordova安装cordova;之后npm install -g ionic 安装ionic,在这些过程中可能需要一点时间进行下载安装(最好fanqiang,用代理)!
安装完之后可以cordova -v进行查看版本!
第二步:
$ionic start myApp blank 新建一个空工程
第三步:
前往目录www下找到新建的项目,打开,发现浏览器报资源错误,这是因为浏览器不支持跨域操作(同源策略),我们需要开启策略,在桌面浏览器右击,属性,目标,最后加上-disable-web-security之后应用,,保存,重启浏览器,发现资源可以正常浏览了!
第四步:同样,ionic开启一服务器做调试,在cmd中键入ionic serve可以选择开启。之后直接编辑代码保存之后浏览器会自动更新内容,非常的方便!
接下来就可以安装官方提供的css,js,图标等开发项目了!
ionic serve 进入后应用界面:
我们使用node进行安装配置环境,获取资源因为是外网,所以可能会出现莫名其妙的问题,比如包文件资源丢失导致报错,不能正常运行!可以到官方中下载最新的完整的包资源,或者私聊我喔!好了,暂时就到这里了!歇了

猜你喜欢

汽车维修是如何定义和分类的


火花塞多久需要更换一次?


科勒马桶服务(400)全国预约服务中心


给水箱加装个防虫网,和修理工沟通后决定放弃我认为他说的有道理


从《天空之城》读懂动漫大师宫崎骏创作背后的哲思和情感


途虎向左,小拇指向右


在穗拍电影有专项经费!广州出台规定扶持电影产业发展


Ubuntu 22.04.4 LTS 初始配置(root、ssh)


电池漫谈


李宇春与周笔畅:两分钟的音乐快闪,带你穿越人生时光


农业机械维修技术合格证(式样).doc


独家曝光!不合规、不达标!小作坊流出“翻新”轮胎,隐患重重…


Corel_会声会影_X4官方详细图文_教程


深圳苹果售后维修中心地址


央视点名“家电售后乱象” 西门子:解除与涉事公司合作


电梯15年必须报废规定


低压配电箱接线图及接线方法


高低压配电柜的安装过程


石料厂配电设施怎么配置?购买低压配电柜时要注意些什么?


投影仪如何清洁 投影仪怎么保养
