蚂蚁金服UI(Ant Design of React)
2017-05-23 23:46
17 查看
基于npm+webpack+babel的工作流,支持ES2015和TypeScript
官网:https://ant.design/index-cn
安装:推荐使用cnpm
$ cnpm install dva-cli -g
使用:
1.创建项目并进入项目
$ dva new [ProjectName]
2.引入antd
$ cnpm install antd --save
3.引入按需加载插件
$ cnpm install babel-plugin-import --save-dev4.使插件生效: 编辑项目下的.roadhogrc文件中的extraBabelPlugins属性下添加
["import", { "libraryName": "antd", "style": "css" }]
5.启动
$ npm start
启动后将自动打开:localhost:8000页面
这事就表示现在项目创建并运行成功
官网:https://ant.design/index-cn
安装:推荐使用cnpm
$ cnpm install dva-cli -g
使用:
1.创建项目并进入项目
$ dva new [ProjectName]
$ cd [ProjectName]
2.引入antd
$ cnpm install antd --save
3.引入按需加载插件
$ cnpm install babel-plugin-import --save-dev4.使插件生效: 编辑项目下的.roadhogrc文件中的extraBabelPlugins属性下添加
["import", { "libraryName": "antd", "style": "css" }]
5.启动
$ npm start
启动后将自动打开:localhost:8000页面
这事就表示现在项目创建并运行成功
相关文章推荐
- 前端ui框架---ant 蚂蚁金服开源
- Ant Design of React—第五节
- [ejbdoclet] at org.eclipse.ant.internal.ui.antsupport.InternalAntRunner.main(InternalAntRunner.java:
- 2015前端各大框架比较(angular,vue,react,ant)
- [React] Optimistic UI update in React using setState()
- 颠覆式前端UI开发框架:React
- 颠覆式前端UI开发框架:React
- react+webpack+wepack-dev-server的环境中ant design图标离线的方法
- react项目学习笔记三(ant design)
- 运行React-Native例子UIExplorer
- 抛砖引玉:如何在 React 中使用 semantic-ui 的 fixed menu 和 sidebar
- Ant Design of React—第六节
- Jerry的碎碎念:SAPUI5, Angular, React和Vue
- 搭建Amazeui+react+webpack+webstorm开发环境
- [React Native混合开发]React Native for iOS之CSS和UI布局
- ReactNativeUI渲染分析
- Ant Design of React—第七节
- 颠覆式前端UI开发框架:React
- 【Facebook的UI开发框架React入门之九】button简单介绍(iOS平台)-goodmao
- React-ui: 基于react的js控件库