微信小程序构建npm并引入Vant Weapp

Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。

第一步创建小程序*云开发

在这里插入图片描述

第二步在小程序内执行命令打开文件根目录

此次创建的是云开发项目,所以我们在miniprogram的目录下进行操作,右键点击miniprogram—在终端中打开
在这里插入图片描述

第三步在cmd命令窗口中输入以下命令

1. 输入 :npm init
3. 出现箭头2的第一行文本,并没有显示所有信息,需要不停地按回车键,直至出现项目的根目录,才能执行下一步命令

在这里插入图片描述在这里插入图片描述

3.继续输入命令:npm install --production

在这里插入图片描述

4.开始引用Vant Weapp的执行命令:
     npm i vant-weapp -S --production

在这里插入图片描述
回到小程序中,在项目文件跟目录下,会多了一个文件夹:node_modules;两个配置文件:package.json和package-lock.json
在这里插入图片描述

第四步小程序内开始构建npm导包

点击工具–构建 npm
在这里插入图片描述
在这里插入图片描述
构建完后,会有一个miniprogram_npm文件夹,构建成功
在这里插入图片描述

最后一步需要在你的项目详情里勾选本地设置中的使用npm模块

在这里插入图片描述
操作以上步骤,即可完成引用Vant Weapp。

猜你喜欢

转载自blog.csdn.net/weixin_45861658/article/details/102999014