基于WebStorm, React和Ant.Design开发WebAppDemo

来源：互联网发布：windows水印在哪里编辑：程序博客网时间：2024/06/03 22:52

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

--结束--

阅读全文

0 0