【React】 npm 經常使用的插件

時間 2019-12-11

標籤 React npm 經常使用插件欄目 React 简体版

原文原文鏈接

npm install –save-dev package.json 安裝環境html

http://www.javashuo.com/article/p-ynuhmyyv-db.html 全局react

http://www.javashuo.com/article/p-zpmqulsp-cu.html 安裝package.json 依賴包ios

www.npmjs.com/ npm 官網npm

"devDependencies": {
　　"antd": "^3.19.1", //antd組件 json

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

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

　　"axios": "^0.18.0",　　　 //異步　　　　　　segmentfault

　　import axios from 'axios';antd

　　"draftjs-to-html": "^0.8.4",　　富文本編輯器轉爲 html：<p>富文本標籤</p>　　　react-router

　　// 設置成爲 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';

　　"echarts-for-react": "^2.0.15-beta.0", react 中的圖表配合 echarts
　　"less-loader": "^5.0.0", 　　　　　　 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