基于WebStorm, React和Ant.Design开发WebAppDemo
http://blog.csdn.net/chenhaifeng2016/article/details/61196639
///////
另参考http://www.jianshu.com/p/324fd1c124ad
从零开始搭建一个react项目
/////////前提条件:
已安装过webstorm和nodejs。
安装create-react-app和yarn
npm install -g create-react-app yarn
打开WebStorm创建工程
安装antd
yarn add antd --save
修改app.js代码
import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Button } from 'antd'; class App extends Component { render() { return ( <div className="App"> <div className="App-header"> <img src={logo} className="App-logo" alt="logo" /> <h2>Welcome to React</h2> </div> <Button type="primary">Button</Button> <p className="App-intro"> To get started, edit <code>src/App.js</code> and save to reload. </p> </div> ); } } export default App;
修改app.css代码
@import '~antd/dist/antd.css'; .App { text-align: center; }
运行程序
yarn start
生产环境运行yarn run build
--结束--