小程序(uniapp) | 引入Vant Weapp

1.找到项目的文件夹，输入cmd 打开终端

2.进入vant官网：Vant Weapp - 轻量、可靠的小程序 UI 组件库

先初始化npm init,

再根据

# 通过 npm 安装
npm i @vant/weapp -S --production

3.项目与pages同级，新建文件夹名为 wxcomponents

复制第2点构建出来的node_modules下的dist文件

放到新建的wxcomponents 中

 

 4.引入内容测试

①app.vue中引入样式：

②pages.json中按需引入usingComponents：

 ③页面中引入vant组件：

 ④运行结果：

 5.进一步开发项目