mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-27 18:50:59 +08:00
68 lines
2.2 KiB
Markdown
68 lines
2.2 KiB
Markdown
---
|
||
order: 2
|
||
title: 安装
|
||
---
|
||
|
||
## 使用 npm 安装
|
||
|
||
**我们推荐使用 npm 的方式进行开发**，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。
|
||
|
||
可以通过 npm 直接安装到项目中，使用 `import` 或 `require` 进行引用。
|
||
|
||
稳定版：
|
||
|
||
[](https://www.npmjs.org/package/antd)
|
||
|
||
```bash
|
||
$ npm install antd --save
|
||
```
|
||
|
||
你可以订阅：https://github.com/ant-design/ant-design/releases.atom 来获得稳定版发布的通知。
|
||
|
||
开发版本：
|
||
|
||
[](https://www.npmjs.org/package/antd)
|
||
|
||
```bash
|
||
$ npm install antd@beta --save
|
||
```
|
||
|
||
> **历史版本**：https://github.com/ant-design/ant-design/releases
|
||
|
||
|
||
## 浏览器引入
|
||
|
||
我们在 npm 发布包内的 `antd/dist` 目录下提供了 `antd.js` `antd.css` 以及 `antd.min.js` `antd.min.css` 用于一次性引入所有的 antd 组件，也可以通过 [npmcdn](https://npmcdn.com/) 进行下载。
|
||
|
||
> 不推荐使用构建文件，因为难以获得底层依赖模块的 bug 快速修复支持。
|
||
|
||
#### stable
|
||
|
||
- https://npmcdn.com/antd/dist/antd.js
|
||
- https://npmcdn.com/antd/dist/antd.css
|
||
- https://npmcdn.com/antd/dist/antd.min.js
|
||
- https://npmcdn.com/antd/dist/antd.min.css
|
||
|
||
#### beta
|
||
|
||
- https://npmcdn.com/antd@beta/dist/antd.js
|
||
- https://npmcdn.com/antd@beta/dist/antd.css
|
||
- https://npmcdn.com/antd@beta/dist/antd.min.js
|
||
- https://npmcdn.com/antd@beta/dist/antd.min.css
|
||
|
||
> 对于 1.0 之前的版本，这里有一个 [自行构建的例子](https://github.com/ant-design/antd-init/tree/master/examples/build-antd-standalone) 以供参考。
|
||
|
||
## 开发工具
|
||
|
||
我们提供了 React 前端应用开发的 [脚手架工具](https://github.com/ant-design/antd-init)，可以安装到全局直接使用。
|
||
|
||
```bash
|
||
$ npm install antd-init -g
|
||
```
|
||
|
||
在空目录运行 `antd-init` 可以初始化一个 antd 的前端应用。
|
||
|
||
最新的脚手架结构可以到这里 [查看](https://github.com/ant-design/antd-init/tree/master/boilerplates)，建议持续关注更新以便获得最新的开发工程特性。
|
||
|
||
> 更多开发工具 [使用方式](http://ant-tool.github.io/)。
|