win7下小程序正确引入Vant Weapp的教程

1、首先安装 nodejs  依照电脑 选择 32位或者64位的下载安装，记住一定要记住安装地址，

http://nodejs.cn/download/

这一步主要是避免，后面在执行CMD “不是内部或外部命令也不是可运行的程序” 这种提示的坑。

安装完后记得把这个安装地址  “C:\Program Files\nodejs\”  填写到 win7系统高级设置  的PATH路径中去，记得这个地址前增加一个分号。

2、从开始菜单通过运行cmd进入cmd

3、切换到小程序项目根目录文件夹

4、打开该页面

https://youzan.github.io/vant-weapp/#/intro  

5、进入  https://github.com/youzan/vant-weapp.git  下载 vant-weapp 

6、解压后将 dist 文件夹复制到微信小程序根目录下

7、再在微信小程序根目录  执行下面三行命令

       1、第一步：npm init

       2、第二步：npm install --production

       3、第三步： npm i dist -S --production

8、保证当前你的微信开发者工具是最新版本，然后点击执行工具下“构建npm“。

9、执行完毕后，这个小程序项目的根目录下出现两个文件夹：miniprogram_npm  ；node_modules

表示安装成功

10、应用vant-weapp

10.1、需要在想相对应的.json文件里添加配置：

{
  "usingComponents": {
    "van-button": "../../miniprogram_npm/dist/button/index"
  }
}

10.2、然后就可以在WXML文件里直接使用

<view class="container">
  <van-button type="primary">按钮</van-button>
</view>