令人窒息的阿里前端设计语言&前端框架Ant Design
简介
一套企业级的前端设计语言和基于 React 的实现。
特性
企业级金融产品的交互语言和视觉体系。
丰富实用的 React UI 组件。
基于 React 的组件化开发模式。
背靠 npm 生态圈。
基于 webpack 的调试构建方案,支持 ES6。
快速上手
配置安装Node.js
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中的内容为:
在antd-demo目录下
$ npm start
在新的“运行”,在在antd-demo目录下
$ npm run build
打开浏览器访问http://127.0.0.1:8000/