前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >uniapp学习笔记:一套代码,运行到7个平台(一)

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

作者头像
王小婷
发布2019-07-01 17:57:18
1.9K0
发布2019-07-01 17:57:18
举报
文章被收录于专栏:编程微刊编程微刊编程微刊

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.06.26 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档