uniapp学习笔记:一套代码,运行到7个平台(一)

前两天总结了一下小程序的一些开源的框架之后,有大佬在底下留言评论补充,uniapp没有写上,去年有小伙伴把我拉到这个群聊里面去了,当时还没有怎么了解这个框架,当时日常看他们聊天似乎很厉害的样子,今天,小小的体验了一下开发文档。

文档:https://uniapp.dcloud.io/

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

1:下载安装如下工具:HBuilderX 可视化界面

http://www.dcloud.io/hbuilderx.html

为了方便开发,我们选择下载App开发版,可开箱即用

下载解压,找到应用程序exe,点击打开

2:打开编辑器之后,在点击工具栏里的文件 -> 新建 -> 项目:

选择uni-app,输入工程名,如:test-uni,点击创建,即可成功创建 uni-app。点击模板里的 Hello uni-app 即可体验官方示例。

到这里创建项目成功,可以看到初始化的项目了。

:3:接下来开始运行

进入项目,点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器:,我这里选择的是谷歌浏览器。当然了,这里提供了几种运行环境,可以在真机下运行,也可以选择在小程序在微信开发者工具里运行。

谷歌浏览器弹出界面如下,官方示例模板

4:总结,今天把uniapp的文档熟悉了一遍,得出了很多感悟,前端发展到现在,出现了非常多的框架,有移动端的app,也有混合式开发,还有各种小程序,微信小程序,支付宝小程序等等,让人头疼不已。

这个框架的出现解决了相当多的问题,有两个强大之处,第一,开发一套代码,可以在至少七个平台上运行,节省了多少开发时间啊,第二,组件是真的很强大,几乎涵盖了前端开发中遇到的所有组件。后面会陆续挖掘其优点。

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。 欢迎关注【编程微刊】公众号,回复【领取资源】,500G编程学习资源干货免费送。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券