vtscadd

vue3 + ts + scss components

vtscadd

每次项目经理都说复用 xxx 项目，听得我眉头直皱，我倒是想复用啊，那俩项目 UI 图长得哪里一样了。 于是我就想写一个 UI 库，于是就有了@mo-yu/vue，想总结点可复用的组件吧，一看，也就那么多能稍微用用的，其他的你就别想了，这个颜色要改那个位置要换，复用简直扯淡。 后来大佬介绍了shadcn/ui，我就想这思路不错，把页面组件大致样式都写好，要用的时候直接把源码加进来，稍微改改，不就行了。 于是 shadcn 源码一看，需要到后台请求组件文件，惹不起惹不起，没这个资源。 咋整呢，没有服务器只能蹭 npm 了，于是就有了 vtscadd。 归纳遇到的各种 UI，总有一天，我稍微改改，一个页面就搞定，~~就可以开心摸鱼了~~（不是）。

注意

• vue组件统一以 index.vue 命名，实际组件名为组件所在包名，需要关闭项目中的eslint校验（'vue/multi-word-component-names': 'off'）。
• 组件内只提供基础样式，如无必要，不会引入（背景）图片

先查看帮助

$ npx vtscadd@latest -h
$ npx vtscadd@latest init -h
$ npx vtscadd@latest add -h
$ npx vtscadd@latest demo -h

初始化配置（可选）

可以配置一些参数，目前有：

{
  "path": "src/components", // 组件存放路径
  "port": "3000" // 本地demo服务启动端口
}

$ npx vtscadd@latest init

添加组件

$ npx vtscadd@latest add [components]

查看demo

$ npx vtscadd@latest demo