avatar

不觉南风

不觉南风的个人博客

  • 首页
  • 文章
  • 标签
  • 项目&效果展示
  • 关于
Home 小程序使用Vant
文章

小程序使用Vant

Posted 2022-07-12 Updated 2024-01- 23
By 不觉南风
1~2 min read

最近公司需要开发一个微信小程序,打算使用Vant组件库进行开发,做个记录

首先创建项目后打开终端,执行npm init!!执行npm init!! 执行npm init!!(重要的事情说三遍)

npm init

一直回车或者根据提示填入对应信息,成功后可以发现项目中多了个package.json文件

vant1.png

下载Vant

npm i @vant/weapp -S --production

并勾选 使用 npm 模块 选项 打开微信开发者工具,点击 工具 -> 构建 npm,会生成一个miniprogram_npm文件

vant2.png
vant4.png

在app.json中引入组件

"usingComponents": {
  "van-button": "path/to/@vant/weapp/dist/button/index"
}

vant4.png

使用组件

vant5.png

编程随记
小程序
License:  CC BY 4.0
Share

Further Reading

Mar 21, 2024

vue项目中利用scss进行全局字体放大

新公司需要上架浙里办政府服务网的PC端,在审核的时候被老龄化适配打回来了。需要做全局的字体放大,在网上查了一些博客,最后结合自

Mar 9, 2024

AMD规范

什么是AMD规范 AMD(Asynchronous Module Definition),也就是异步模块定义。AMD规范,制定了定义模块的规则,使得模块之间的依赖可以被异步加载。这和浏览器的异步加载模块的环境刚好适应(浏览器同步加载模块会导致性能、可用性、调试和跨域访问等问题)。 所谓异步,就是所有

Mar 9, 2024

http缓存机制

缓存的基本原理 在一个C/S结构中,最基本的缓存分为两种: 客户端缓存 服务器缓存 本文仅讨论客户端缓存

OLDER

vue组件之间有哪些通信方式?

NEWER

vue项目打包成exe程序

Recently Updated

  • vue项目中利用scss进行全局字体放大
  • AMD规范
  • http缓存机制
  • git提交报错 husky - commit-msg hook exited with code 1 (error)
  • for...in 和 for...of有什么区别?

Trending Tags

电脑常见问题 nodejs vuejs webpack 网络 问题记录 javaScript基础 小程序 常用插件 数据库

Contents

©2025 不觉南风. Some rights reserved.

Using the Halo theme Chirpy