微信小程序 如何正确安装 u i 框架

本文以 vant 为例进行安装使用

vant 文档地址 点击跳转vant 开发文档

https://vant-contrib.gitee.io/vant-weapp/#/home

项目名称及路径不要有汉字
项目名称及路径不要有汉字
项目名称及路径不要有汉字

先初始化项目

npm init

#安装命令

npm i vant-weapp -S --production

在开发者工具里进行设置

点击设置里的 构建 npm

微信小程序 如何正确安装 u i 框架_第1张图片
微信小程序 如何正确安装 u i 框架_第2张图片

在点击右上角详情,打开本地设置勾选使用npm 模块微信小程序 如何正确安装 u i 框架_第3张图片

在json相关文件引入
微信小程序 如何正确安装 u i 框架_第4张图片
页面效果
微信小程序 如何正确安装 u i 框架_第5张图片

你可能感兴趣的:(前端,vue,微信,前端,npm,vue.js,es6)