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>