当前位置: 首页 > Web前端 > vue.js

01hellouni-app-《小白零基础uni-app小程序开发教程》

时间:2023-04-01 00:23:18 vue.js

【学习目标】1.了解小程序2.了解uni-app3。环境安装4.运行hellouni-app1,Preface2019年06月27日,因工作需要开始接触小程序开发,采用了uni-app架构。我是2011年信息工程专业毕业的。毕业后在中国手游集团担任开发工程师一年半。记得那时候还是基于MTK和MStar的手机平台开发,使用的语言是C语言。工作一年多,转产品经理。.经过半年多的摸索,逐渐对小程序、uniapp、Vue等有了一定的基础,虽然算不上大神,但也算是一个初学者。现在想想。期间走了很多弯路,所以想把这些经历都写出来。下来给后面的小伙伴避坑。我现在所在的城市位于江西南昌,弱二线城市,招聘技术也很头疼。为此,我尽量写笔记,让新手看得懂!让那些还没有毕业的大学生可以跟随我的脚步,开始开发自己的小程序/APP。欢迎有意向在家乡发展的孩子们把简历发给我,哈哈。(可以关注我的个人公众号-前线青年手记,给我留言;回复:uni-app,获取全文)好了,废话不多说,开始我们的学习吧!2、什么是小程序?小程序,英文名称为MiniProgram,无需下载安装即可使用。实现了应用“触手可及”的梦想。用户可以通过扫描或搜索的方式打开应用。2017年1月9日,张小龙在2017微信公开课Pro上发布的小程序正式上线。随后,百度、阿里、今日头条也推出了自己的小程序。与APP相比,小程序对用户最大的好处是无需下载,降低了用户使用门槛;对于开发者来说,降低了开发门槛,不需要涉及Android或IOS系统底层;对于运营来说,可以用更小的Cost快速试错。小程序依附于国民级应用,如微信、QQ、今日头条、抖音、支付宝、淘宝、百度等应用。我们都知道这些应用之间是存在竞争关系的,而小程序的依附关系或多或少会获得原生应用的用户,所以虽然大家都说是小程序,但彼此并不兼容。那么问题来了。这些国家级应用各有特色,我开发的应用似乎都依附于它们。如果要开发那么多版本,岂不是增加了工作量!既然都叫小程序,那有没有一套框架可以一次性开发适配全网的呢?3、真有uni-app,一套是遵循React语法规范的Taro,一套是遵循Vue语法规范的Uni-app!比较之后,各有优缺点。因为之前看过Vue的宣传片,可能先入为主,所以选择了Vue语法规范的Uni-app。另一个原因是太郎当时刚刚推出。大家可以根据自己的习惯来选择。对于新手用户来说,这并不重要。我也会推出《从小白到大神Vue开发教程》,定期更新在公众号(一线青年手记)。当然这里的高手都是双引号,呵呵!在这里我想提一下,对于大学生来说,实际工作和大学学习是有很大区别的。大学可能会系统地学习整个课程,这会导致很多学生在学习中变得更加迷茫。在实际工作中,主要是实操。在项目推广的过程中,你边做边学。遇到问题先看文档,看不懂文档自行百度。学习资料存档如下:1.微信小程序开发文档2.uni-app开发文档3.从小白到大神uni-app小程序开发教程4.百度-找资料继续,往下看!uni-app是一个使用Vue.js开发所有前端应用程序的框架。开发者编写一套代码,可以发布到iOS、Android、H5、各种小程序(微信/支付宝/百度/今日头条/QQ/钉钉)等平台。你可以看一下它的结构来理解它。如果以后有机会深入研究一下,现在就可以大致知道它的整个框架长什么样了!4.开发环境安装的小程序种类较多。建议从微信小程序入手,目前活跃度最高。学习了微信小程序的开发原理,基于Uni-app,可以借鉴。在正式进入开发之前,我们先安装开发环境。Uni-app在这一点上做得更好。有了集成开发工具DCloud编辑编译,再加上微信开发工具,就可以进行我们的开发了!开发工具下载渠道:1、DCloud2、微信开发工具根据自己的系统下载,点击一步步安装即可。5.运行hellouni-app1。安装成功后,打开DCloud,点击【文件】=》【新建】=》【项目】创建一个uni-app项目。2、点击【运行】=》【运行到小程序模拟器】=》【微信开发者工具】。在运行过程中,可能会出现两个错误。一种是扫码登录微信开发者工具,另一种可能需要打开微信开发者工具的安全端口。打开【微信开发者工具】=》【设置】=》【安全设置】=》【启用】如果没有小程序的小伙伴,我会在下一篇介绍小程序的注册申请!今天就到这里了,大家学会了吗?有什么问题可以在后台留言,也欢迎大家给我提意见,我会不断更新完善的,先谢谢大家了!下次见,再见~