令人窒息的阿里前端设计语言&前端框架Ant Design

令人窒息的阿里前端设计语言&前端框架Ant Design

简介

一套企业级的前端设计语言和基于 React 的实现。

特性

  • 企业级金融产品的交互语言和视觉体系。

  • 丰富实用的 React UI 组件。

  • 基于 React 的组件化开发模式。

  • 背靠 npm 生态圈。

  • 基于 webpack 的调试构建方案,支持 ES6。

快速上手

配置安装Node.js

令人窒息的阿里前端设计语言&前端框架Ant Design

32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi

64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

安装脚手架工具,命令行输入

$ npm install antd-init -g

创建一个项目

使用命令行进行初始化。

$ mkdir antd-demo && cd antd-demo

$ antd-init

若安装缓慢报错直接给npm配置taobao镜像的registry

npm config set registry https://registry.npm.taobao.org

命令执行成功后在目录antd-demo中会下载一些文件:.gitignore、index.css、index.html、index.js、package.json、webpack.config.js等

使用组件

修改index.js中的内容为:

令人窒息的阿里前端设计语言&前端框架Ant Design

在antd-demo目录下

$ npm start

在新的“运行”,在在antd-demo目录下

$ npm run build

打开浏览器访问http://127.0.0.1:8000/

令人窒息的阿里前端设计语言&前端框架Ant Design

令人窒息的阿里前端设计语言&前端框架Ant Design

相关推荐