专栏首页编程微刊uniapp学习笔记:一套代码,运行到7个平台(一)

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 条评论
登录 后参与评论

相关文章

  • jQuery年月日(年龄)选择插件

    下载地址:https://www.helloweba.net/javascript/263.html

    王小婷
  • JSON.stringify() 的 5 个秘密特性

    作为一名 JavaScript 开发人员,JSON.stringify() 是用于调试的最常见函数。但是它的作用是什么呢,难道我们不能使用 console.lo...

    王小婷
  • 程序员喜欢的 5 款最佳最牛代码比较神器,必须安利!

    俗话说:三句不离本行,对于程序员这个可爱的群体来说也是一样,即使面对无休无止的编程工作,程序员们依旧任劳任怨的埋头苦干,梦想着用自己码下的代码改变世界。工欲善其...

    王小婷
  • 如何在Eclipse中添加Tomcat的jar包

    右键项目工程,点击Java Build Path ? 点击Add Library,选择Server Runtime ? 选择Tomcat版本 image.png...

    用户1154259
  • 小白学Flask第三天| 今天把视图函数的路由给讲清楚!

    大家可以看到输出了一个Map映射的对象,里面有一个列表,列表里就有着路由的详细信息。这里我给大家详细讲解一下里面的内容

    Python进击者
  • uni-app 网络请求

    若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。

    达达前端
  • Web App Install Banners简介

    移动端,web和native app有一个比较大的区别:访问的过程。

    RP道貌不岸然
  • React官方脚手架create-react-app

    小胖
  • PHP——PDO

    PDO(PHP Data Object)是有MySql官方封装的、基于面向对象编程思想的、使用C语言开发的数据库抽象层。

    白胡杨同学
  • iOS RunTime之四:消息转发

    在消息转发机制执行前,Runtime 系统会再给我们一次偷梁换柱的机会,即通过重载 - (id)forwardingTargetForSelector:(SEL...

    s_在路上

扫码关注云+社区

领取腾讯云代金券