# 🌟 开始使用

# 前言

HUI-Pro 是一个企业级前端/设计解决方案，我们秉承 HUI 的设计理念，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出公共业务控件/工具方法/典型页面/配套设计资源，进一步提升产品设计研发过程中的『用户』和『设计者』的体验。随着『用户』和『设计者』的不断反馈，我们将持续迭代，总结出各业务场景下的最佳实践，也十分期待你的参与和共建。

HUI-Pro 设计规范：http://10.33.43.73/huidesign/project/boards

HUI 设计规范：http://10.33.43.73/huidesign/bscs/boards

# 安装

HUI-Pro 采用 lerna 对控件实现了 monorepo 管理，因此引入方式和 HUI 是有区别的，只能使用按需引入的方式，每个控件单独安装和引入。

# npm 安装

# 切换到公司仓库源
$ npm config set registry http://af.hikvision.com.cn/artifactory/api/npm/npm-isms/
$ npm i @hui-pro/page
$ npm i @hui-pro/plan

# yarn 安装

# 切换到公司仓库源
$ yarn  config set registry http://af.hikvision.com.cn/artifactory/api/npm/npm-isms/
$ yarn add @hui-pro/page
$ yarn add @hui-pro/plan

# 引入

在项目入口文件 main.js 中按需注册控件及其样式，注意必须引入 HUI。

import Vue from 'vue';
import HUI from 'hui';
import Page from '@hui-pro/page';
import Plan from '@hui-pro/plan';
import 'hui/lib/hui.css';
import '@hui-pro/page/theme/index.scss';
import '@hui-pro/plan/theme/index.scss';

Vue.use(HUI);
Vue.use(Page);
Vue.use(Plan);

transpileDependencies: [
  /@hui-pro/
]