【微信小程序】小程序开发—node.js下载，npm配置以及组件使用

目录

一、下载Node.js

二、微信开发者工具中安装Node.js

三、用Node.js中的npm安装vant组件

---

一、下载Node.js

1、官方下载地址：node.js官方下载地址

直接下载第一个就可以了 。

也可以参考我的另一篇文章：https://blog.csdn.net/m0_56259342/article/details/122164029?spm=1001.2014.3001.5502

 

2、下载成功后直接按照提示安装即可，不用纠结下载的路径，只需要下载到到脑里面就可。

二、微信开发者工具中安装Node.js

3、下载成功后，打开微信开发工具的项目，点击miniprogram项目并在终端（cmd命令窗口）打开，打开后在命令行输入npm -v出现版本号即安装成功。

三、用Node.js中的npm安装vant组件

 4.node.js安装成功后，命令行输入npm init进行vant组件安装 *** 作

 5、命令行出现该提示

 6、并且项目文件中出现package.json进行下一步 *** 作

 7、完成以上 *** 作后在命令行执行npm i @vant/weapp -S --production

8、项目出现文件node_modules即安装成功

 

 9、最后点击微信开发工具
导航–>工具–>构建npm

 

在菜单中找到 【详情】 点击，【本地设置】中勾选上使用npm模块

 使用方法也很简单
进入vant weapp想使用哪个，把相应的代码粘贴到项目中就可以了。