uni-app学习笔记:一套代码,运行到8个平台(一)

前两天总结了一下小程序的一些开源的框架之后,有大佬在底下留言评论补充,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编程学习资源干货免费送。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。