从0到1搭建uniapp,原来这么简单

最近看好多招聘网站上的招聘要求都是要会混合开发,特别是会问你会不会uniapp,以前没用过,后来去官网看了看发现,原来会vue和小程序,基本就能玩转uniapp啦,这里是官网: https://uniapp.dcloud.io/那么接下来我就说一下初学者如何实现一个uniapp的吧
一. 使用HBuilderX编辑器

在这里插入图片描述
在这里插入图片描述

创建完成后会得到一个项目,目录结构如下:

在这里插入图片描述

点击工具 -> 插件安装:可以安装一些内置插件,如less,sass,node等

在这里插入图片描述

安装完一些内置插件后,当我们需要用到一些第三方UI库时,我们可以去HBuilder的插件市场去进行压缩包的下载,完成后添加到项目中,就可以使用啦 网址:https://ext.dcloud.net.cn/

在这里插入图片描述

前期工作准备好了,然后就可以愉快的进行项目开发啦,点击运行,选择指定要打开的浏览器,就可以看到页面效果了

在这里插入图片描述

运行效果

在这里插入图片描述

看完之后是不是很简单呢,快去试试吧,有问题请留言,大家一起沟通学习呀~

猜你喜欢

转载自blog.csdn.net/zxo_apple/article/details/105044029