一、什么是uni-app?
uni-app是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台
二、开发环境配置
1:下载安装如下工具:HBuilderX 可视化界面
http://www.dcloud.io/hbuilderx.html
配置好以后即可创建uni-app项目:
选择uni-app,输入项目名称,如:testdemo,点击创建,即可成功创建 uni-app。点击模板里的 Hello uni-app 即可体验官方示例。
接下来开始运行,进入项目,点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器:,我这里选择的是谷歌浏览器。当然了,这里提供了几种运行环境,可以在真机下运行,也可以选择在小程序在微信开发者工具里运行。
然后就可以在浏览器里面查看效果
结束语:
随着前端的发展前端里有移动端的app,也有混合式开发,还有各种小程序,微信小程序,支付宝小程序等等
但是这个框架的出现解决了相当多的问题,有两个强大之处,第一,开发一套代码,可以在至少七个平台上运行,节省了多少开发时间啊,第二,组件是真的很强大,几乎涵盖了前端开发中遇到的所有组件。后面会陆续挖掘其优点。
如果感觉有帮助留下一个宝贵的赞或者给小编一个赞赏!!
同时如果想了解更多内容可以关注下方公众号: