uni-app系列(一)

一、什么是uni-app?

uni-app是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台

二、开发环境配置

1:下载安装如下工具:HBuilderX 可视化界面
http://www.dcloud.io/hbuilderx.html

image

配置好以后即可创建uni-app项目:
选择uni-app,输入项目名称,如:testdemo,点击创建,即可成功创建 uni-app。点击模板里的 Hello uni-app 即可体验官方示例。
接下来开始运行,进入项目,点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器:,我这里选择的是谷歌浏览器。当然了,这里提供了几种运行环境,可以在真机下运行,也可以选择在小程序在微信开发者工具里运行。

然后就可以在浏览器里面查看效果

结束语:

随着前端的发展前端里有移动端的app,也有混合式开发,还有各种小程序,微信小程序,支付宝小程序等等
但是这个框架的出现解决了相当多的问题,有两个强大之处,第一,开发一套代码,可以在至少七个平台上运行,节省了多少开发时间啊,第二,组件是真的很强大,几乎涵盖了前端开发中遇到的所有组件。后面会陆续挖掘其优点。
如果感觉有帮助留下一个宝贵的赞或者给小编一个赞赏!!
同时如果想了解更多内容可以关注下方公众号:


qrcode_for_gh_4effe528d112_258.jpg

你可能感兴趣的:(uni-app系列(一))