varlet vue2

varlet-vue2

Vue2的材料设计移动组件库

文档（Vercel）|文档（Gitee）| 中文读书我

---

简介

VARLET-VUE2是一个基于Vue2开发的材料设计移动组件库，由社区中的合作伙伴开发和维护。

特征

• 提供50个高质量的通用组件
• 组件非常轻巧
• ？由中文，完整的中文和英语文档和物流支持开发
• 支持按需介绍
• 支持主题自定义
• ？支持国际化
• 支持WebStorm，VS代码组件语法突出显示
• ？支持SSR
• 支持打字稿
• ？确保超过90％的单位测试覆盖范围，提供稳定性保证
• 支持黑暗模式

安装

CDN

varlet.js组件功能已经完成，并且正在进行单元测试，建议用于内部测试

 < div id =" app " > </ div >
< script src =" https://cdn.jsdelivr.net/npm/[email protected] " > </ script >
< script src =" https://cdn.jsdelivr.net/npm/@varlet-vue2/ui/umd/varlet.js " > </ script >
< script >
  Vue . use ( Varlet )

  new Vue ( {
    template : '<var-button>Button</var-button>'
  } ) . $mount ( '#app' )
</ script >

webpack / vite

 # Install with npm or yarn or pnpm

# npm
npm i @varlet-vue2/ui -S

# yarn
yarn add @varlet-vue2/ui

# pnpm
pnpm add @varlet-vue2/ui

 import App from './App.vue'
import Varlet from '@varlet-vue2/ui'
import Vue from 'vue'
import '@varlet-vue2/ui/es/style.js'

Vue . use ( Varlet )

new Vue ( {
  render : ( h ) => h ( App )
} ) . $mount ( '#app' )

贡献者

回购状态

此存储库将不再执行功能更新，只有错误修复，建议使用VARLET VUE3版本