• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序组件库之一 Vant weapp安装与使用以及node安装

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

在微信小程序的开发过程中为了节省时间和方便我们常用组件库去辅助开发,下面我就来介绍一个组件库vant weapp组件库

1.在使用vant weapp组件库时我们首先需要进行安装,官方提供的方法是用npm进行安装,接下来我首先介绍npm的安装:

特别注意(配置环境太麻烦,跟多新手都踩坑,所以路径建议用英文,就不用配置环境了)

npm安装需要安装node,在百度上搜索node.js即可:
搜索node.js中文网
点击进入下载

进入点击windows安装包或者点击64位进行下载


用npm -v或者node -v(注意-v前面有空格)
如果出现版本号说明安装成功,反之没安装成功
node安装成功之后npm自动安装成功

2.进行安装vant weapp组件
1.根据官方提供的直接输入
(# 通过 npm 安装:npm i @vant/weapp -S --production)是有问题的,会导致无法正常安装。

所以应该因为在我们的项目中是没有图中文件的

所以我们首先应该安装一下这个包(如图)
2.单击右键在终端打开

3.输入命令npm init -y初始化一下(-y的意思是一路回车)
显示如下说明安装成功

此时在你的微信小程序中就会出现文件

4.此时你就可以直接复制官方给的那一行命令
npm i @vant/weapp -S --production安装vant weapp组件,出现如下命令说明安装成功
https://youzan.github.io/vant-weapp/#/quickstart

5.接下来需要在小程序页面点击详情,本地设置勾选使用npm模块

6.在工具中有一个构建npm点击

构建完成点击确定即可

出现文件说明构建完大功告成
累累的
下一章我们接介绍如何使用vant weapp组件库。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap