前提條件：

已安裝過webstorm和nodejs。

安裝create-react-app和yarn

npm install -g create-react-app yarn

打開WebStorm創(chuàng)建工程

安裝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; }

運(yùn)行程序

yarn start

生產(chǎn)環(huán)境運(yùn)行yarn run build

--結(jié)束--

總結(jié)

以上是生活随笔為你收集整理的基于WebStorm, React和Ant.Design开发WebAppDemo的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。