基于WebStorm, React和Ant.Design开发WebAppDemo
来源:互联网 发布:淘宝运营网站 编辑:程序博客网 时间:2024/06/06 04:47
前提条件:
已安装过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
- 基于WebStorm, React和Ant.Design开发WebAppDemo
- 基于WebStorm, React和Ant.Design开发WebAppDemo
- 【开发】Cordova+Ant Design+React教程
- react开发笔记 —ant-design框架
- React--ant design
- dva+react+ant.design
- React Native基于webstorm开发出更快速的模板
- react入门篇 ant-design
- react ant-design 使用ueditor
- 基于React.js + ANT DESIGN 中使用异步请求之----fetch封装
- react-native 结合ant-Design- mobile
- Ant Design of React—概要
- Ant Design of React—第一节
- Ant Design of React—第二节
- Ant Design of React—第三节
- Ant Design of React—第四节
- Ant Design of React—第五节
- Ant Design of React—第六节
- java工程师需要学习什么
- 服务器集群和反向代理
- 如何创建属于你自己的域名邮箱
- Java动态代理的两种实现方法
- Spring监听器
- 基于WebStorm, React和Ant.Design开发WebAppDemo
- tensorflow训练出的模型识别的demo
- C++第一次实验(基础班)项目2
- Hibernate表关系映射之多对多映射
- MySQL 中 delete ,update语句的子查询限制
- div+css自适应高度
- java调用webservice天气预报(SOAP请求的方式获取天气信息并解析返回的XML)
- 怎么通过公众号来快速学习python编程?
- SylixOS SPI Flash驱动移植