1.2.17 • Published 9 months ago
jayden-ui v1.2.17
Jayden-Ui
基于Vue3+Typescript开发UI组件库
Github: Jayden-UI NPM: Jayden-UI Github主页: Jay Docs:Components: Jayden-ui:Components
第一步:安装
使用包管理器
使用包管理器(如 NPM、Yarn 或 pnpm)安装 Jayden-ui,然后您就可以使用打包工具,例如 Vite 或 webpack。
npm install jayden-ui
如果有依赖未安装启动报错 请先使用以下命令按照依赖
npm install jayden-ui-utils jayden-ui-utils
第二步:使用教程
介绍如何在项目中使用Jayden-ui
用法
完整引入
如果你对打包后的文件大小不是很在乎,那么使用完整导入会更方便。
// main.ts
import { createApp } from 'vue';
import App from './App.vue';
import JayUi from 'jayden-ui';
const app = createApp(App);
app.use(JayUi);
app.mount('#app');
Volar 支持 如果您使用 Volar,请在 tsconfig.json 中通过 compilerOptions.type 指定全局组件类型。
// tsconfig.json
{
"compilerOptions": {
// ...
"types": ["jayden-ui/es/src/components.d.ts"]
}
}
手动引入
Jayden-ui 提供了基于 ES Module 的开箱即用的 Tree Shaking
因为样式和组件是捆绑在一起 所以在引入组件时不需要再单独引入css
<template>
<button>我是 JButton</button>
</template>
<script>
import { Button } from 'jayden-ui';
export default {
components: { Button }
};
</script>
1.2.16
9 months ago
1.2.17
9 months ago
1.2.15
9 months ago
1.2.14
9 months ago
1.2.13
9 months ago
1.2.12
9 months ago
1.2.11
9 months ago
1.2.10
9 months ago
1.2.9
9 months ago
1.2.8
9 months ago
1.2.5
9 months ago
1.2.2
10 months ago
1.2.1
10 months ago
1.2.0
10 months ago
1.1.5
10 months ago
1.1.4
10 months ago
1.1.3
10 months ago
1.1.2
10 months ago
1.1.1
10 months ago
1.1.0
10 months ago
1.0.6
10 months ago
1.0.5
10 months ago
1.0.4
10 months ago
1.0.3
10 months ago
1.0.1
10 months ago
1.0.0
10 months ago