vscode+ vue 引入vant
Vant是一款轻量、可靠的移动端 Vue 组件库,开发方便、简单、快捷特性60+ 高质量组件95% 单元测试覆盖率完善的中英文文档和示例支持按需引入支持主题定制支持国际化支持 TS支持 SSR详细可见官网 https://youzan.github.io/vant/#/zh-CN/intro一、安装Vant1、安装Vant(vscode必须以管理员身份打开)打开终端 输入...
·
Vant是一款轻量、可靠的移动端 Vue 组件库,开发方便、简单、快捷
特性
60+ 高质量组件
95% 单元测试覆盖率
完善的中英文文档和示例
支持按需引入
支持主题定制
支持国际化
支持 TS
支持 SSR
详细可见官网 https://youzan.github.io/vant/#/zh-CN/intro
一、安装Vant
1、安装Vant(vscode必须以管理员身份打开)
打开终端 输入以下命令
npm install vant --save
如果你网络很慢的话,可以使用淘宝的源,
npm install vant --save --registry=https://registry.npm.taobao.org
二、代码引用Vant
1、全局引入
import Vant from 'vant'
import 'vant/lib/vant-css/index.css'
Vue.use(vant)
2、引入指定控件 可以多个
import Button from 'vant/lib/button';
import 'vant/lib/button/style';
多个引入
import { Cell, CellGroup } from 'vant';
Vue.use(Cell).use(CellGroup);
import 'vant/lib/vant-css/index.css'
注:必须引入css样式,否则显示的样式会不正确
更多推荐
已为社区贡献6条内容
所有评论(0)