uniapp使用教程（个人见解）

最近笔者一直在使用uniapp写h5/app,就想着写篇文章来记录一下

关于uniapp（https://uniapp.dcloud.net.cn/）
官网上说的很详细
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台

一：使用工具（HBuilderX）
可前往官网下载：https://www.dcloud.io/hbuilderx.html

二、创建项目
工具栏点击文件 ——> 新建 ——> 项目 
这时我们就可以看见一个界面了

创建完之后我们大概就能看到这样一个目录

三、选组件库，封装请求、写页面
那么模版都创建好了，接下来就该开始画页面了，不过在写页面之前我们是不是该引入第三方组件库呢，以及对uniapp的请求进行一个二次封装呢
【说实话，我第一次使用uniapp的时候这些步骤都是跳过的，组件都是使用内置的，请求也都是uni.request直接请求（当然这样也不是不可以，只是后期维护起来会非常不便）】 

关于组件库，这里我使用的是uview1.x/uview2.x 地址在这：https://uviewui.com/
以上两个版本的组件库都是vue2的语法，目前vue3版本官方还没出，不过相信也快了，大家可以期待一下，虽说官方没有出，但是不乏一些大佬出力已经搭建了一个v3版的uview（https://uiadmin.net/uview-plus）不过里面还有一些bug以及一些组合式api写法并未明确道出如何使用，这就是我上文为什么在创建模版时选择vue2 

 组件库引用

这里以uview2.0为例
来到官网

在这里我们可以看到有两种安装的方式（根据自己爱好选取安装）我一般都是在插件市场安装导入到项目里面
安装好之后点击对应的配置文档，然后一步步引入文档上介绍的很详细这里就不多说了

引入完毕之后我们就可以开始对请求进行二次封装了
在官网上点击Api接着点击网络来到这里之后就是复制粘贴了

以上都配置完毕后我们就可以开始写项目了

四、发行
这里我一般都是发行h5居多

 

填写相关信息点击发行，等他打包完成之后部署到服务器上就可以了

以上就是笔者在用uniapp的一些总结希望能帮到一些刚刚尝试uniapp的开发者们