小程序项目的UI框架Vant之第一篇如何安装Vant Weapp

小程序项目的UI框架Vant之第一篇如何安装Vant Weapp

自己作为一名前端开发，但是初学小程序还是有点懵，安装vant安装了很久。所以特写文章回顾记录，帮助自己，帮助他人～共同进步！

一、Vant的官网

vant针对小程序的UI框架是Vant Weapp，这个官网也不是一下子找到的，分享网址https://youzan.github.io/vant-weapp/#/quickstart

二、需先构建npm

1、在小程序根目录（app.js所在目录），打开cmd

npm init -y

2、输入：npm i miniprogram-sm-crypto --production

npm i miniprogram-sm-crypto --production

点击开发者工具中的详情，在本地设置中勾选使用npm模块。

点击开发者工具中的菜单栏：工具 --> 构建 npm

成功的话会出来一个miniprogram_npm文件夹

注意，packNpmManually一定设置为false，否则出不来miniprogram_npm文件夹

三、按照官方文档安装Vant Weapp

# 通过 npm 安装
npm i @vant/weapp -S --production

# 通过 yarn 安装
yarn add @vant/weapp --production

# 安装 0.x 版本
npm i vant-weapp -S --production

好了，完成～