安装

pnpm

pnpm add @whskyler/skyler-ui

npm

npm install @whskyler/skyler-ui

yarn

yarn add @whskyler/skyler-ui

完整引入

// main.ts
import { createApp } from 'vue'        // uniapp 项目用 createSSRApp
import App from './App.vue'
import SkylerUI from '@whskyler/skyler-ui'

createApp(App).use(SkylerUI).mount('#app')

引入样式

库直接发布源码（.vue + .scss + .ts），样式以 SCSS 形式分发，请在主入口或 App.vue 全局样式里引入：

@use '@whskyler/skyler-ui/scss';

这要求你的项目能编译 SCSS。uniapp 默认就支持，普通 Vue 3 项目通常 pnpm add -D sass 即可。

按需引入

<script setup lang="ts">
import { SkyButton, SkyTag } from '@whskyler/skyler-ui'
</script>

<template>
  <sky-button type="primary">按钮</sky-button>
</template>

<style lang="scss">
// 仅引入用到的组件样式
@use '@whskyler/skyler-ui/scss/components/button';
@use '@whskyler/skyler-ui/scss/components/tag';
</style>

为什么不需要 import 'style.css'？

组件库面向小程序，必须直接发布 src/ 源码而不是预编译的 JS/CSS bundle —— 因为小程序模板系统不消费 Vue 的虚拟 DOM。详见 在 uniapp 中使用 → 发包形态。