【React】 npm 常用的插件

npm install –save-dev    package.json   安装环境

https://segmentfault.com/a/1190000008489881   全局

https://www.cnblogs.com/sese/p/10119511.html   安装package.json 依赖包

www.npmjs.com/   npm 官网

 

"devDependencies": {
　　"antd": "^3.19.1",            //antd组件  

　　import { Card, Button, Table, Form, Select,Modal, message } from 'antd';　　　　

　　const FormItem = Form.Item;  　　　　const Option = Select.Option;

 

　　"axios": "^0.18.0",　　　 //异步  　　　　　　

　　 import axios from 'axios';

 

　　"draftjs-to-html": "^0.8.4",　　富文本编辑器 转为 html：<p>富文本标签</p>　　　

　　// 设置 成为 html标签　　　　　　　　 import draftjs from 'draftjs-to-html';

 

　　"react-draft-wysiwyg": "^1.13.2",　　　　富文本插件

　　 import { EditorState } from 'draft-js';　　　// 富文本的 内容数据值

 

　　"echarts": "^4.2.1",　　　　 　图表 　      　　　　　

import echartTheme from './echartTheme'; import echarts from 'echarts/lib/echarts'; // 导入柱状图 import 'echarts/lib/chart/bar';       柱形 bar    折线  line   k线  lines import 'echarts/lib/component/tooltip'; import 'echarts/lib/component/title'; import 'echarts/lib/component/legend'; import 'echarts/lib/component/markPoint'; import ReactEcharts from 'echarts-for-react';

 

less  也没用它 

　　"react-router-dom": "^5.0.0",　　　　　   react 路由 

　　  import { HashRouter as Router,Route,Link} from 'react-router-dom';

　　"redux": "^4.0.1",　　　　　　　　　　   共享数据    

　　"styled-components": "^4.2.0"　　　　 我喜欢的 自主封装 标签  支持 less 语法格式   

　　 import styled from 'styled-components';
}

　　　　多媒体查询 机制   设置响应式PC + 移动  

　　　　react-responsive     https://www.npmjs.com/package/react-responsive

 

查看更多关于【React】 npm 常用的插件的详细内容...