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

1,下载node.js
官方下载地址:node.js官方下载地址
直接下载第一个就可以了【微信小程序】小程序开发—node.js下载,npm配置以及组件使用_第1张图片
2.下载成功后直接按照提示安装即可,不用纠结下载的路径,只需要下载到到脑里面就可

3,下载成功后,打开微信开发工具的项目,点击miniprogram项目并在终端(cmd命令窗口)打开,打开后在命令行输入npm -v出现版本号即安装成功
潘丹node.js是否安装成功
4.node.js安装成功后,命令行输入npm init进行vant组件安装操作
在这里插入图片描述
命令行出现该提示
在这里插入图片描述
并且项目文件中出现package.json
【微信小程序】小程序开发—node.js下载,npm配置以及组件使用_第2张图片
进行下一步操作

5.完成以上操作后在命令行执行npm i @vant/weapp -S --production
【微信小程序】小程序开发—node.js下载,npm配置以及组件使用_第3张图片
项目出现文件node_modules即安装成功
【微信小程序】小程序开发—node.js下载,npm配置以及组件使用_第4张图片
最后点击微信开发工具
导航–>工具–>构建npm
在这里插入图片描述
同时点击
【微信小程序】小程序开发—node.js下载,npm配置以及组件使用_第5张图片
在子集菜单中找到 详情 点击
【微信小程序】小程序开发—node.js下载,npm配置以及组件使用_第6张图片
使用npm模块,就配置成功了

使用方法也很简单
进入vant weapp想使用哪个,把相应的代码粘贴到项目中就可以了
【微信小程序】小程序开发—node.js下载,npm配置以及组件使用_第7张图片
希望对需要的朋友有帮助

你可能感兴趣的:(小程序)