vant weapp example 配置

方式一：

1、 git中下载源码

GitHub - youzan/vant-weapp: 轻量、可靠的小程序 UI 组件库

2、把dist目录复制到example目录下

3、微信开发者工具，从vant-weapp/example目录导入项目

出一些错误，解决：

缺少import icons from '../../dist/@vant/icons/src/config'; 执行以下命令，

npm i @vant/icons -S --production

之后将文件放入example/dist文件夹中

如果无法执行，先

   1、第一步：npm init2、第二步：npm install --production3、第三步： npm i @vant/icons -S --production//npm i @vant/weapp -S --production 或者  npm i vant-weapp -S --production

方式二：

1、 git中下载源码

GitHub - youzan/vant-weapp: 轻量、可靠的小程序 UI 组件库

2、微信开发者工具，从vant-weapp/example目录导入项目

3、

   1、第一步：npm init2、第二步：npm install --production3、第三步： npm i @vant/weapp -S --productionnpm i @vant/icons -S --production

4、在微信开发工具执行npm 构建：工具 > 构建npm, 构建完会生成一个miniprogram_npm文件夹

设置中选中使用npm模块

5、打开app.json , 将 ./dist/ 替换成@vant/weapp/

查找全部文件将 ../../dist/ 替换成 @vant/weapp/

另外3个地址引用错误：

1、2）把 icons文件夹copy到根目录，然后引用icons的地方改成

import icons from '../../icons/src/config';

3）components/demo-block/index.wxss 文件中第一行改成

@import '../../node_modules/@vant/weapp/dist/common/index.wxss';

或者

@import '../../miniprogram_npm/@vant/weapp/common/index.wxss'

vant weapp example 配置相关推荐

小程序 | 使用 npm 模块配置 Vant Weapp 框架
之前体验了 iView 的UI框架,感觉还可以主要是因为在开发体验上比原生敲代码好很多,不过 iView 框架可利用的组件较少,比如搜索框的组件等并未涉及,而且已有的组件也存在一些需要自行生硬的修改才 ...
uni-app配置Vant Weapp
uni-app配置vant-------浏览器运行环境下不兼容 1.创建uni-app项目 2.创建wxcomponents目录 3. 安装vant需要的模块包 3.1找一个空文件cmd 进入执行 3 ...
微信小程序配置Vant Weapp
一:安装vant组件库查看项目中是否有package.json文件,如果没有,需要初始化包管理文件,方法如下: 在终端中运用以下命令: npm init -y 二:通过npm安装组件库初始化包管理 ...
微信小程序开发实战（二）UI组件介绍 Vant Weapp
微信官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/ 1 第三方组件库 Vant We ...
关于uniapp引入Vant Weapp第三方组件，遇到的问题和解决方式
1.在根目录下创建wxcomponents 2.引入vant weapp 1.我们到https://github.com/youzan/vant-weapp下载最新的压缩包 2. 解压,将里面的dis ...
mpvue使用vant Weapp运行npm run build命令打包后失效
最近在使用mpvue开发微信小程序,在开发过程中使用有赞的小程序ui框架-- vant Weapp ,至于如何使用在我个人博客中有一篇关于如何使用vant Weapp ,需要的同学请点进这里自行查看. ...
筱筱看博客（微信小程序、Lin-ui组件、vant Weapp）
今日分享 1.微信小程序我是使用微信开发者工具做的小demo.首先呢!我写了一个简单的for.点击事件. for 循环.点击的事件小demo. for 循环的案列,如下: 点击事件的案列,如下: 2 ...
微信小程序导入Vant Weapp组件库
超详细!微信小程序导入Vant Weapp组件库 Vant Wepp组件库轻量.可靠,同时组件样式丰富美观,容易上手,我们可以引入该组件库来实现小程序的相关界面样式. Vant Weapp组件库官方文 ...
小程序动端组件库Vant Weapp教程
Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用两大参考神兽: 文档:https://youzan.g ...

vant weapp example 配置

vant weapp example 配置相关推荐

最新文章

热门文章