默认你有前端开发基础~~

安装

使用包管理器

我们建议您使用包管理器（如NPM、Yarn 或 pnpm）安装 Sky Element，然后您就可以使用打包工具，例如 Vite 或 webpack。

npm install sky-element --save

yarn add sky-element

pnpm install sky-element

用法

完整引入

打包后的体积问题，请参考[打包体积问题]

// main.ts
import { createApp } from 'vue'
import { install } from 'sky-element'
import 'sky-element/theme-chalk/index.css'
import App from './App.vue'

const app = createApp(App)

app.use(install)
app.mount('#app')

手动导入

<script>
import { SSelect } from 'sky-element'
export default {
  components: { SSelect },
}
</script>

<template>
  <s-select value="1" :options="[{ label: '1', value: '1' }, { label: '2', value: '2' }]" />
</template>

全局配置

完整引入：

import { createApp } from 'vue'
import SkyElement from 'sky-element'
import zhCn from 'sky-element/es/locale/lang/zh-cn'
import App from './App.vue'

const app = createApp(App)
app.use(SkyElement, { locale: zhCn, size: 'default' })