## 1配置

新建的小程序,首先要创建 需要该又的文件夹即文件
Components 组件文件夹
Config 配置文件夹 => api.js 集中存放api接口
Api.js 中书写要访问的后台接口地址 , 并导出接口
const ApiRootUrl = “http://127.0.0.1:8360/api";//后台的接口 一般我们要设置api请求的网址 首先创建要访问的网址
导出接口( 自定义的接口)

  1. module.exports={
  2.     CategoryList:ApiRooUrl+"index/categoryList",//等会要定义的接口
  3.     GoodsList:ApiRootUrl+"index/goodsList"
  4. }

Assets 静态文件夹 => 图片资源资料

## 2安装需要的组件UI

最重要: 默认第一步 npm
Vant组件 npm i @vant/weapp -S —production
image.pngimage.png

## 3构建npm包

打开微信开发者工具, 点击工具 => 构建npm模块选项,构建完成 后即可导入组件
image.pngimage.png

注意: 如果遇到这样的情况一定是你 没运行npm init-y 没初始化
image.png

## 3使用组件

根据官方的提示,使用
image.png

## 4如何理解组件参数

如果类型是 boolean 值 的话就这样书写 avatar=”{{true}}”

  1. <van-skeleton title row="3" avatar="{{true}}"/>

image.png