# cango1212

> This is a vue3 project.

Latest version **0.0.1** (published 2022-01-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install cango1212
pnpm add cango1212
yarn add cango1212
bun add cango1212
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2022-01-21 |
| First published | 2022-01-21 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 4.5 MB |
| Known vulnerabilities | 0 (+15 in 1 direct dependencies) |
| Install scripts | no |
| Author | gqq |
| Maintainers | gaoqiquan |

## Links

- npm: https://www.npmjs.com/package/cango1212
- npm.io page: https://npm.io/package/cango1212

## Dependencies (2)

- [vite](https://npm.io/package/vite.md) ^2.7.1
- [@vitejs/plugin-vue](https://npm.io/package/@vitejs/plugin-vue.md) ^1.10.2

## Recent versions

- 0.0.1 (latest) — 2022-01-21

## README

# Rollup + Typescript + Vue3.0 组件库模板

## 功能介绍

- rollup 模块化打包
- typescript
- esbuild 打包编译
- jest + @vue/test-utils 组件测试
- eslint 代码规范检查
- sass，postcss 预处理

## 使用 Stylus/Less

默认支持 Sass 预处理，如需使用 Stylus/Less，安装对应的解析器

- Stylus: `yarn add -D stylus`
- Less: `yarn add -D less`

## 开发指南

请使用 cango-cli 初始化使用

```shell
# 安装cli

npm install -g cango-cli

# 初始化项目

cango init <project-name>

# 1.项目基本配置
# 2.选择基于rollup的vue3.0组件库模板
# 3.等待初始化完成
# 4.修改examples/main.ts中引入文件的路径（将“[name]”替换为打包后的js名称）
cd <project-name>
```

安装依赖

```shell
npm install
# or
yarn
```

本地开发

```shell
npm run dev
# or
yarn dev
```

单元测试

```shell
npm run test
# or
yarn test
```

生产打包

```shell
npm run build
# or
yarn build
```

## 目录结构

```text
...
packages -------------- 组件库源码
 - Button ------------- 组件目录
  - index.ts ---------- 组件注册入口
  - src --------------- 组件源码
 - index.ts ----------- 组件库打包入口文件
examples -------------- 开发预览页面源码
 - main.ts ------------ 预览页入口文件
 - App.vue ------------ 预览页入口组件
 - index.html --------- 预览页htlm模板
tests ----------------- 单元测试目录
 - **/*.spec.ts ------- 单元测试文件
types ----------------- ts注解文件目录
.editorconfig --------- 编辑器配置文件
.eslintignore --------- eslint检查忽略目录
.eslintrc ------------- eslint检查配置文件
jest.config.js -------- jest测试配置文件
rollup.config.js ------ rollup配置文件
tsconfig.json --------- ts编译配置文件
components.json ------- 单组件映射表
...
```

---
_Source: https://npm.io/package/cango1212 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._