# 快速上手

欢迎使用 Hytech Component 组件库！本指南将帮助您快速集成和使用 Hytech Component。

# 安装

# 使用 npm 或 pnpm

您可以通过 npm 或 pnpm 安装 Hytech Component：

# 使用 npm
npm install @ap/pro-component

# 使用 pnpm
pnpm add @ap/pro-component

# 引入组件库

在您的 Vue 项目中引入 Hytech Component。确保项目中已安装 vue 和 element-ui。

# 完整引入

在项目的入口文件中引入 Hytech Component：

import Vue from 'vue'
import ProComponent from '@ap/pro-component'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)
Vue.use(ProComponent)

# 按需引入

如果您只需要使用部分组件，可以按需引入：

import Vue from 'vue'
import { HTButton, HTAlert } from '@ap/pro-component'

Vue.component('HTButton', HTButton)
Vue.component('HTAlert', HTAlert)

# 使用组件

在您的模板中使用 Hytech Component 提供的组件：

<template>
  <div>
    <HTButton type="primary">主要按钮</HTButton>
    <HTAlert title="提示信息" type="info"></HTAlert>
  </div>
</template>

# 主题定制

Hytech Component 支持通过 SCSS 进行主题定制。您可以根据项目需求自定义组件的样式。

通过以上步骤，您可以快速集成和使用 Hytech Component 组件库。如果您有任何问题或建议，请随时与我们联系。

HTAlert 警告