1.在项目的根目录打开终端(命令行),输入以下命令:
npm init //初始化,生成package.json文件
npm install --production
npm i vant-weapp -S --production //安装vant
2.构建npm:
首先必须确保上图的“使用npm模块”被勾上的。
然后点击菜单栏“工具”下的“构建 npm”,并生成了“node_modules”文件夹。
3.需要使用组件的地方在相同目录下的.json文件中导入组件,以下为例子,路径必须对。
"usingComponents": {
"van-button": "/miniprogram_npm/vant-weapp/button/index", //引入button组件
"van-rate":"/miniprogram_npm/vant-weapp/rate/index" //引入rate组件
}
4.使用。
<van-button type="default">默认按钮</van-button>
<van-rate v-model="value" />