---
layout: home

title: xs组件模板
titleTemplate: Next Generation Frontend Tooling

hero:
  name: xs-components-lib
  text: 组件库模板
  tagline: 快速开发属于你自己的组件库、组件库文档
  image:
    src: /logo2.png
    alt: Vite
  actions:
    - theme: brand
      text: 开始使用
      link: /guide/getting-started
    - theme: alt
      text: 组件
      link: /components/button
    - theme: alt
      text: Starred
      link: https://github.com/jsxiaosi/xs-components-lib/
    - theme: alt
      text: Forked
      link: https://github.com/jsxiaosi/xs-components-lib/fork
   

features:
  - icon: 📦
    title: 开箱即用
    details: 打包器支持组件、Hooks、Utils，可按需引入，支持TypeScript，让所有注意力都能放在文档编写和组件开发上
  - icon: 🔗
    title: 支持CDN引入
    details: 支持打包输出小巧的CDN模块，可同时支持UnPkg、JsDelivr CDN引入方式 
  - icon: ⚡️
    title: VitePress
    details: Vue官方文档主题：VitePress，免去写样式的烦恼，自带夜间模式，可自定义主题，你的风格由你自己定义
  - icon: 🛠️
    title: 代码块
    details: 重新定义代码块解析器，参考Element-Plus文档实现代码块解析器，示例和文档内容分离，让你的文档结构更加整洁
  - icon: 💻
    title: 一键生成模版命令
    details: 告别机器式手动创建开发模版的烦恼，一条命令即可简单快速生成，docs、组件开发文件，让你的专注力用在对的地方
  - icon: 🚧
    title: 规范检查
    details: 内置Eslint、Prettier、CommitLint工具更好统一你的代码风格，提交检查规范，方便你更好管理你的组件库，
---