微信小程序开发者工具构建npm提示没找到node_modules目录

来源：cnblogs　　作者：子钦加油　　时间：2019/9/20 9:29:59　　对本文有异议

一、官网给的文档写的不够充分，需要你充分理解npm的使用方法，才能明白的；

二、第一步：先在你电脑上安装npm 参考下面文章

https://www.cnblogs.com/zmdComeOn/p/11543441.html

三、第二步：

1、第一步：打开终端 cd 到项目目录下 输入如下命令： npm init 如下图所示

　　 输入命令后一直点回车，如下图：

2、第二步：输入如下命令 npm install --production

3、第三步：输入如下命令 npm i vant-weapp -S --production （此命令为要构建的代码包，如果想构建其他代码包，只需输入其他对应的命令即可）

　　如下图里面有的两个包构建的文件命令分别如下 (npm i miniprogram-sm-crypto --production 和 npm i vant-weapp -S --production)

四、还要注意一点就是微信开发者工具要更新到最新版本，不然点击工具没有构建npm这一栏，

执行命令完之后，然后再去微信开发者中点工具-构建npm，

然后就成功了，如下图：

五、下面以引入button组件到某页面为例子：

在此页面的.json中配置

"usingComponents": {
"van-button": "../../miniprogram_npm/vant-weapp/button/index"
},

然后在此页码的wxml中

<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="info">信息按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>