# vitetsui

**Repository Path**: W_Hacker/vitetsui

## Basic Information

- **Project Name**: vitetsui
- **Description**: glup 自动化工具 与 Monorepo项目搭建、TS
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-03-04
- **Last Updated**: 2025-09-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + TypeScript + Vite

# ViteTSUI 组件库

## 1、glup 自动化工具 与  Monorepo项目搭建

​		**monorepo**(monolithic repository)是一种项目架构，简单的来说：**一个仓库内包含多个开发项目（模块，包）**。



​		Glup:[gulp.js - 基于流(stream)的自动化构建工具 | gulp.js中文网 (gulpjs.com.cn)](https://www.gulpjs.com.cn/)

​		gulp 将开发流程中让人痛苦或耗时的任务自动化，从而减少你所浪费的时间、创造更大价值。





## 2、ViteTSUI

例如：

XtxButton按钮

<XtxButton type="plain"  size = "large" style="margin-right:20px">取消</XtxButton>

```vue
<XtxButton type="plain"  size = "large" style="margin-right:20px">取消</XtxButton>
```

## 3、Cli部署与安装

​		首先,我们在 packages 目录下新建 cli 目录,同执行`pnpm init`进行初始化,然后将包名改为`create-XXXXX

安装包：

```
 pnpm add command-line-args  --处理用户输入命令
 pnpm add command-line-usage  --插件让它为我们提供帮助命令
 pnpm add prompts --交互式命令
 pnpm add download-git-repo ora chalk --拉取远程仓库模板
```

​	配置好，需要发布



## 4、工具包





## 5、文档说明配置





是一个 ***\*Vue3\**** 组件库开发环境框架,采用最新的 `Vite4+TypeScript` 为技术栈,支持`按需加载`,`单元测试`,`自动打包与发布`等功能,让我们能更专注于业务组件的开发。



npm config set registry https://registry.npm.taobao.org  
npm config set registry https://registry.npmjs.org/

----