【健康云平台练习小项目开发】小程序vant组件库的引入

一、背景

这是本人的参与的一个省级大创项目的系统开发部分。本人于2020年暑假已开发简单的基本框架(包括vue、小程序、ssm框架(spring boot迭代)),由于各种原因一直拖到现在还没完善。本人打算在考研准备之余进行此项目以及TGAM项目spring boot练手项目的重构,并记录一些常见的Java开发技术和问题记录,并且将其放在GitHub项目传送门,希望大家多多支持!!多多点赞、关注!

文章参考:微信小程序使用vant

二、本次记录

  1. cmd到微信小程序的项目文件之下,npm init'进行npm依赖包的引入。引入成功之后,将会生成node_modules文件夹,里面将会有node的一些依赖包。(前提是已安装node.js以及npm node安装)
    在这里插入图片描述
  2. 使用微信小程序工具构建npm,并配置npm环境,并生成minprogram_node
    在这里插入图片描述
    点击详情,本地设置,配置npm设置。
    在这里插入图片描述
  3. 愉快地引入vant组件库了,在 .json文件中进行引入,wxml中进行组件使用。vant组件库
{
    
    
  "component": true,
  "usingComponents": {
    
    
    "van-button": "/miniprogram_npm/vant-weapp/button",
    "van-field":"/miniprogram_npm/vant-weapp/field"
  }
}
  1. echarts引入

参考:微信小程序引入echarts

三、其他部分整理

后续更新…

猜你喜欢

转载自blog.csdn.net/qq_44654974/article/details/115118087