mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-22 03:22:31 +08:00
66 lines
1.5 KiB
Markdown
66 lines
1.5 KiB
Markdown
# 安装
|
||
|
||
- category: 2
|
||
- order: 2
|
||
|
||
---
|
||
|
||
## 使用 npm 安装
|
||
|
||
**我们推荐使用 npm 的方式进行开发**，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。
|
||
|
||
可以通过 npm 直接安装到项目中，使用 `import` 或 `require` 进行引用。
|
||
|
||
稳定版 <span class="versions" id="stable-version"></span>：
|
||
|
||
[](https://www.npmjs.org/package/antd)
|
||
|
||
```bash
|
||
$ npm install antd --save
|
||
```
|
||
|
||
安装最新的开发版本 <span class="versions" id="latest-version"></span>：
|
||
|
||
[](https://www.npmjs.org/package/antd)
|
||
|
||
```bash
|
||
$ npm install antd@beta --save
|
||
```
|
||
|
||
> **历史版本**：https://github.com/ant-design/ant-design/releases
|
||
|
||
|
||
## 开发工具
|
||
|
||
我们提供了 React 前端应用开发的 [脚手架工具](https://github.com/ant-design/antd-init)，可以安装到全局直接使用。
|
||
|
||
```bash
|
||
$ npm install antd-init -g
|
||
```
|
||
|
||
在空目录运行 `antd-init` 可以初始化一个 antd 的前端应用。
|
||
|
||
> 更多 [使用方式](https://github.com/ant-tool/xtool/)。
|
||
|
||
<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);
|
||
|
||
if (antdVersion.stable) {
|
||
$('#stable-version').html(antdVersion.stable);
|
||
} else {
|
||
$('#stable-version').html('暂无');
|
||
}
|
||
</script>
|