自主封装hooks+echarts(超详细介绍)开箱即用框架

前言

react的hooks兴起以后，咱们开始了新技术的探研，从新构建了以react，hooks，echarts为基准的框架，对可视化的封装。开箱便可用，很是实用，特别是若是对echarts有需求的。

项目介绍

1. hooks刚出来时咱们就在使用，已经踩了不少坑而完善了这一整套开箱即用的框。
2. 针对echarts进行了封装，菜单栏、面包屑等都作了本身的封装，对于icon都真正意义上进行了按需加载。
3. 对于echarts经常使用的，都作了很详细的注释说明，小白也都能很快上手。
4. 对本身项目需求可是不经常使用的进行了封装（特别是时间选择器）。
5. 咱们把经常使用的都会封装，以达到统一性，我也已把封装方法写出来了你们指导指导：npm插件制做
6. github地址
   注：本文不是针对hooks用法说明，也把项目中用法删了，因此hooks用法不多，只有本身封装使用到的用法，可是没有给予注释，建议直接查看官网，更准确。

第一步：拉取项目

git clone https://github.com/Songwei1029/hooks_echarts.git

第二部：配置npm源

若是已有npm/yarn则跳过

# npm
npm config set registry=https://registry.npm.taobao.org -g

# cnpm，使用cnpm
npm install -g cnpm

# yarn
yarn config set registry https://registry.npm.taobao.org -g

第三步：依赖安装

若是你本地没有安装 yarn，请提早安装，yarn下载

yarn install

第四步：启动项目

# 启动本地服务预览
npm start
或
yarn start

# 构建打包
npm run build
或
yarn build

# 打包并查看包大小分析
npm run analyze