统计平时使用过和接触到的前端插件和工具

• 工具库
• React
• Vue
• 小程序
• Nodejs
• 构建相关
• 前端协作规范相关
• Python
• 其它

• lodash 一致性、模块化、高性能的 JavaScript 实用工具库
• vtils 一个面向业务的 JavaScript/TypeScript 实用程序库
• 对象和数据操作
  • updeep 以声明性和不变的方式轻松更新嵌套的冻结对象和数组。可以很好的和dva结合使用
  • omit.js 返回一个没有列入排除 key 属性的对象
• 运算
  • nefe/number-precision 解决浮动运算问题，避免小数点后产生多位数和计算精度损失。
• 页面分部引导
  • driver.js 引导用户操作
• CSS 预处理器
  • Less
  • Sass
• 图形，图像，文件类
  • viewerjs 图片展示画廊工具
  • js-xlsx 前端操作表格，下载
  • html2canvas html 转 canvas，截图的备选方案
• 可视化
  • echarts 开源可视化库
• 日期处理
  • moment JavaScript 日期处理类库
• vConsole 移动端调试工具
• coordtransform 提供了百度坐标（BD09）、国测局坐标（火星坐标，GCJ02）、和 WGS84 坐标系之间的转换
• 模板引擎
  • ejs 嵌入式 JavaScript 模板
• Http
  • axios 易用、简洁且高效的 http 库
  • URL 查询字符串解析
    • qs A querystring parser with nesting support
    • query-string 解析和字符串化URL查询字符串

• 脚手架
  • create-react-app 创建react应用程序
• 应用框架
  • UmiJS 插件化的企业级前端应用框架
  • dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。更多的是作为数据流方案使用
• 组件
  • 精选
    • awesome-react-components 精选的 React 组件和库列表。
  • 组件库
    • Ant Design 一套企业级 UI 设计语言和 React 组件库
    • react-component React components foundation of http://ant.design
  • 动画效果
    • react-countup 数字滚动
    • react-slick 轮播组件
    • react-transition-group 动画转场
  • 样式管理
    • classnames 更方便的动态设置使用 className
    • reactcss Inline Styles in JS
  • react-copy-to-clipboard 复制到粘贴板
  • react-color 选色器
  • react-virtualized 长列表解决方案-虚拟列表
  • react-custom-scrollbars 自定义滚动条
  • echarts-for-react 一个简单的 echarts(v3.0 & v4.0) 的 react 封装

• 组件
  • 组件库
    • ant-design-vue 基于 ant-design 和 vue 的企业级 UI 组件库
    • element 饿了么提供的 UI 组件库
    • Vant 基于 Vue 构建的轻量级移动 UI 组件
  • vue-draggable-resizable 可拖拽可缩放，结合 ant-design-vue 的 table 控件可实现可伸缩列
• 状态管理
  • Vuex 专为 Vue.js 应用程序开发的状态管理模式
• 路由管理
  • Vue Router Vue.js 官方的路由管理器

• 开发框架
  • taro 开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。
• 组件
  • Taro UI 一套基于 Taro 框架开发的多端 UI 组件库

• 监听
  • chokidar 监听文件变化
  • nodemon 代码变动 node 自动重启
• 内存
  • increase-memory-limit 释放内存，一般解决内存溢出
• 文件操作
  • rimraf A rm -rf util for nodejs
  • node-mkdirp 递归新建文件
  • node-fs-extra 文件操作相关工具库
  • node-glob 来写一个 glob 规则,获取匹配对应规则的文件
• 命令行
  • execa 进程管理工具
  • Inquirer.js 用户与命令行交互的工具
  • commander.js 命令行界面的完整解决方案
  • ora 优雅的终端旋转器 loading 效果
  • chalk 终端命令行加上颜色
  • ts-node node 直接执行ts文件
  • cross-env 设置环境变量
  • npm-run-all 并行或顺序运行多个npm脚本
• 应用开发框架
  • express
• 自动化测试
  • puppeteer Chrome 开发团队在 2017 年发布的一个 Node.js 包,用来模拟 Chrome 浏览器的运行
• gray-matter 解析 yaml 文件
• yeoman-generator 搭建脚手架

• gulp
  • gulp 用自动化构建工具增强你的工作流程
  • gulp-clean 清空文件
  • gulp-babel
  • gulp-sourcemaps 生成映射文件
  • gulp-less 编译less文件
• merge2 多个流合并成一个流
• babel
  • babel-import-plugin 按需引入
  • babel-plugin-proposal-optional-chaining 支持可选链
  • babel-plugin-transfrom-remove-console 去除 console 打印
• less-plugin-autoprefix less编译时 css 添加前缀

• 工作流规范
  • 语义化版本 2.0.0
  • husky Git hooks made easy 🐶 woof
  • commitlint 规范 Git 提交信息
  • gitmoji 在 git 提交信息加上表情符号
• 任务管理
  • Teambition 团队合作看板，可以结合钉钉使用
• 编码规范
  • Airbnb JavaScript Style Guide Airbnb 代码规范
  • eslint javascript 代码审查工具
  • stylelint css linter 工具
  • prettier 代码美化

• 在线文档编辑
  • 语雀 文档与知识管理工具，蛮赞的
• 后端接口文档
  • YApi 一个可本地部署的、打通前后端及 QA 的、可视化的接口管理平台
    • yapi-to-typescript 根据 YApi 的接口定义生成 TypeScript 的接口类型及其请求函数代码。
• 代码既文档
  • docz 只支持react
  • react-styleguidist 搭建react组件库文档
  • storybook 通用的组件开发、测试、文档工具
  • vuepress Vue 驱动的静态网站生成器
• 博客生成工具
  • hexo

• starred 管理自己 github 的 star 列表，自动生成 md

• 教程.指南 �.书籍
  • Javascript
    • ECMAScript 6 入门
    • 前端基础进阶系列 蛮推荐的，实体书-JavaScript 核心技术开发解密
  • React
    • React 源码解析
  • Vue
    • learnVue Vue.js 源码解析
  • Typescript
    • typescript-tutorial TypeScript 入门教程
    • typescript-book-chinese TypeScript Deep Dive 中文版
  • learn-regex Learn regex the easy way
  • Material Design 指南中文版
• 网站
  • caniuse 前端兼容性自查工具
  • shields.io npm 图标制作
  • cubic-bezier.com 贝塞尔曲线
  • astexplorer.net ast 在线转换
  • 代码在线运行演示
    • CodePen css 练手，demo 利器
    • codesandbox Web 应用在线代码编辑器，写一些 demo 很方便

• xcrud
• amis 百度前端低代码框架，通过 JSON 配置就能生成各种页面。
• x-render 阿里 - 很易用的中后台「表单 / 表格 / 图表」解决方案