bixi/docs/getting-started.zh-CN.md

企业级中后台前端解决方案

---
type: Guide
title: 开始使用
order: 0
---


### 1. 依赖安装
``` bash
yarn add @bixi/core
```

### 2. 模块注册

##### 全量注册
``` typescript
import { BixiCoreModule } from '@bixi/core';

@NgModule({
  imports: [
    BixiCoreModule,
  ]
})
export class SharedModule { }
```

##### 按需注册
```typescript
import { BixiTableModule } from '@bixi/core/table';
import { BixiFilterModule } from '@bixi/core/filter';

@NgModule({
  imports: [
    BixiTableModule,
    BixiFilterModule
  ]
})
export class SharedModule { }
```

### 3. 引入样式

#### 全量引入

在 `angular.json` 中引入

```json
{
  "styles": [
    "node_modules/@bixi/core/index.less"
  ]
}
```

在 `style.less` 中引入 less 样式文件

```less
@import '@bixi/core/index.less';
```

#### 按需引入

在模块中引入特定模块的样式，如 `table` 组件，在 `style.less` 中引入 less 样式文件

```less
@import '@bixi/core/table/style/index.less';
```