ant-design/docs/install.md

# 安装

- category: 2
- order: 2

---

## 使用 npm 安装

**我们推荐使用 npm 的方式进行开发**，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。

可以通过 npm 直接安装到本地，使用 `require` 或 `import` 进行引用。

稳定版 <span class="versions" id="stable-version"></span>：

[![npm package](http://img.shields.io/npm/v/antd.svg?style=flat-square)](https://www.npmjs.org/package/antd)

```bash
$ npm install antd --save
```

安装最新的开发版本 <span class="versions" id="latest-version"></span>：

[![](https://cnpmjs.org/badge/v/antd.svg?&tag=beta&subject=npm)](https://www.npmjs.org/package/antd)

```bash
$ npm install antd@beta --save
```

> **历史版本**：https://github.com/ant-design/ant-design/releases


## 开发工具

我们提供了开发构建的命令行工具，可以安装到全局直接使用。

```bash
$ npm install antd-bin -g
```

或者安装到仓库下，使用 `package.json` 的 `scripts` 字段来配置命令：

```bash
$ npm install antd-bin --save-dev
```

```json
"scripts": {
  "dev": "antd server",
  "build": "antd build"
}
```

> 更多[使用方式](https://github.com/ant-design/antd-bin/)。

<style>
.versions {
  font-weight: bold;
  color: #C05B4D;
  font-family: Consolas;
  margin-left: 0.3em;
  background: #FFF1E7;
  padding: 2px 5px;
  border-radius: 3px;
}
</style>

<script>
$('#latest-version').html(antdVersion.latest);
$('#latest-links a').each(function(i, item) {
  $(item).attr('href', $(item).attr('href').replace('dist/antd', 'dist/antd-' + antdVersion.latest));
});

if (antdVersion.stable) {
  $('#stable-version').html(antdVersion.stable);
  $('#stable-link').attr('href', 'https://github.com/ant-design/ant-design/releases/tag/' + antdVersion.stable);
} else {
  $('#stable-version').html('暂无');
  $('#stable-link').hide();
}
</script>