mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-20 20:38:09 +08:00
82 lines
1.9 KiB
Markdown
82 lines
1.9 KiB
Markdown
# 安装
|
||
|
||
- category: 2
|
||
- order: 2
|
||
|
||
---
|
||
|
||
## 使用 npm 安装
|
||
|
||
**我们推荐使用 npm 的方式进行开发**，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。
|
||
|
||
可以通过 npm 直接安装到本地，使用 `require` 或 `import` 进行引用。
|
||
|
||
稳定版 <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
|
||
|
||
|
||
## 开发工具
|
||
|
||
我们提供了开发构建的命令行工具，可以安装到全局直接使用。
|
||
|
||
```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>
|