小程序使用vant/weapp

微信开发者工具，根目录右键-》在外部终端窗口打开，输入以下命令

1、npm init
2、npm install --production
3、npm install @vant/weapp -S --production

4.修改 app.json

将 app.json 中的 "style": "v2" 去除

5.修改 project.config.json

"packNpmManually": true,

"packNpmRelationList": [

{

"packageJsonPath": "./package.json",

"miniprogramNpmDistDir": "./miniprogram/"

}

6.打开微信开发者工具，点击 工具 -> 构建 npm，并勾选使用 npm 模块选项，构建完成后，即可引入组件。

小程序使用vant/weapp相关推荐

微信小程序导入Vant Weapp组件库
超详细!微信小程序导入Vant Weapp组件库 Vant Wepp组件库轻量.可靠,同时组件样式丰富美观,容易上手,我们可以引入该组件库来实现小程序的相关界面样式. Vant Weapp组件库官方文 ...
微信小程序中Vant Weapp的引用与使用
微信小程序中Vant Weapp的引用与使用 1.安装方式 # 通过 npm 安装 npm i @vant/weapp -S --production# 通过 yarn 安装 yarn add @va ...
微信小程序使用vant weapp报错
微信小程序使用vant weapp报错错误一:构建错误错误二:["usingComponents"]["van-button"] 未找到我的安装流程 1. ...
微信小程序升级Vant Weapp版本
微信小程序升级Vant Weapp版本大家好,今天我们来学习一下微信小程序如何升级Vant Weapp版本,好好看,好好学,超详细的第一步首先你要有一个构建npm的项目还不知道构建npm的小伙 ...
小程序安装Vant Weapp详细步骤,下载和npm安装版
小程序安装Vant Weapp详细步骤使用npm下载 1.新建项目并初始化项目 2.下载Vant Weapp 3.修改 app.json 4.构建 npm 包 5.引入组件下载方式 1. npm下 ...
微信小程序引用vant Weapp
vant-weapp官网https://youzan.github.io/vant-weapp/#/quickstarthttps://youzan.github.io/vant-weapp/#/qu ...
微信小程序接入Vant Weapp
步骤一通过 npm 安装 # 通过 npm 安装 npm i @vant/weapp -S --production 步骤二修改 app.json 将 app.json 中的 "styl ...
微信小程序中vant/weapp安装，初始化，及使用
Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用. Vant Weapp官网:https://yo ...
【微信小程序】Vant Weapp
微信小程序中使用Vant Weapp 进入项目,使用 npm init 初始化项目,生成package.json. 安装vant weapp方式通过 npm 安装 npm i @vant/weapp ...
小程序接入vant Weapp组件的详细步骤
大家好,我是小佑@小佐:https://blog.csdn.net/Smell_rookie,是一名页面仔工程师,我会不定时在CSDN更新我的博客,有兴趣的可以点个关注来逛逛我的主页. 刚创建的项目的 ...

小程序使用vant/weapp

小程序使用vant/weapp相关推荐

最新文章

热门文章