一、uniapp微信小程序项目(1):手把手教会你如何创建uniapp+vant项目

142 阅读1分钟

1、快速上手

  • 两种方法进行安装,根据自己的需求一步步来:

uniapp.dcloud.net.cn/quickstart-…

  • 安装好之后下载一个微信开发者工具:

developers.weixin.qq.com/miniprogram…

下载安装完微信开发者工具用你的微信扫码登录就可以使用了,

image.png

到这里微信小程序项目就算搭建完成了

2、使用vant组件

  • 如果你想要使用组件你可以试试下面的这个组件:

vant-ui.github.io/vant/#/zh-C…

一步步按照官网的教学来就可以了 如果看不懂官网的话那么接着往下看吧

我是使用Hbulider X创建的项目,如果你的项目中没有wxcomponents的文件夹,那么开始操作吧!

  1. 你就在你项目中新建wxcomponents文件夹(注意和pages同级)
  2. 在wxcomponents的文件夹目录下新建一个 @vant 的文件夹
  3. 点击下面的链接下载一个压缩包解压后把这个文件里面的dist文件夹(只要这一个噢)放到你新建的@vant文件夹里面(我建议把dist文件夹放到@vant文件夹里面后把dist文件夹名改为weapp)

github.com/youzan/vant…

image.png

4、在全局的page.json进行全局注册

image.png

然后你就可以使用vant尽情创作了