# 安装与注册

## 安装

```bash
npm i win-design-next --registry http://172.16.9.57:8081/repository/npm-group/
```

## 全量引入（main.ts）

```ts
import { createApp } from 'vue'
import WinDesignNext from 'win-design-next'
import 'win-design-next/dist/index.css'
import App from './App.vue'

const app = createApp(App)
app.use(WinDesignNext)
app.mount('#app')
```

> 自 V1.1.0 起样式命名空间默认为 **`w3`**（`.w3-button`、`--w3-color-primary`）。Vue 标签仍为 `<w-button>`。详见 [namespace.md](namespace.md)。

## 按需引入（推荐）

```ts
import {
  WButton,
  WForm,
  WFormItem,
  WTable,
  WTableColumn,
} from 'win-design-next'
import 'win-design-next/es/components/button/style/css'
```

或使用构建插件自动按需（见官网 [快速上手](http://wued.winning-health.com.cn:8088/win-design-next/zh-CN/component/quickstart)）。

## 全局反馈

```ts
import { WLoading, WMessage, WMessageBox, WNotification } from 'win-design-next'

WMessage.success('操作成功')
```

## TypeScript

组件库自带类型声明，Vue 3 + `vue-tsc` 项目直接 import 即可。
