微信小程序云开发—引入组件库

1、安装node.js 

从官网上下载(长期支持版)https://nodejs.org/en/,安装之后,在cmd命令行中输入 node -v 出现版本号,说明安装成功,

2、初始化配置

在miniprogram右键在终端中打开,在终端输入npm init 在miniprogram文件下面初始化package文件,可以直接默认按enter键

微信小程序云开发—引入组件库_第1张图片

微信小程序云开发—引入组件库_第2张图片

微信小程序云开发—引入组件库_第3张图片

会出现package.json文件

微信小程序云开发—引入组件库_第4张图片

然后在根据官网上的安装命令安装Vant Weapp

直接在终端输入npm i vant-weapp -S --production

微信小程序云开发—引入组件库_第5张图片

然后回到miniprogram下面,点击开发工具上方菜单工具—构建npm,构建npm微信小程序云开发—引入组件库_第6张图片

构建成功之后还需要在开发工具的右上角的详情中勾选上 使用npm模块

微信小程序云开发—引入组件库_第7张图片

这样就安装好了

3、在页面中引入组件

微信小程序云开发—引入组件库_第8张图片

引入之后,就可以在wxml文件中直接使用组件了。。。。

做个笔记,不喜勿喷~~~

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